changed source getusermedia constraints

aframe/build/aframe-ar.js

@@ -3141,21 +3141,21 @@ ARjs.Source.prototype._initSourceWebcam = function (onReady, onError) {
     navigator.mediaDevices.enumerateDevices().then(function (devices) {
         var userMediaConstraints = {
             audio: false,
-            video: {
-                facingMode: 'environment',
-                width: {
-                    ideal: _this.parameters.sourceWidth,
-                    // min: 1024,
-                    // max: 1920
-                },
-                height: {
-                    ideal: _this.parameters.sourceHeight,
-                    // min: 776,
-                    // max: 1080
-                }
-            }
+            video: true
         };
 
+        if (window.innerWidth < 800) {
+            var width = (window.innerWidth < window.innerHeight) ? 480 : 640;
+
+            userMediaConstraints = {
+                audio: false,
+                video: {
+                    facingMode: 'environment',
+                    width: { min: width, max: width }
+                },
+            };
+        }
+
         if (null !== _this.parameters.deviceId) {
             userMediaConstraints.video.deviceId = {
                 exact: _this.parameters.deviceId

three.js/build/ar.js

@@ -3141,21 +3141,21 @@ ARjs.Source.prototype._initSourceWebcam = function (onReady, onError) {
     navigator.mediaDevices.enumerateDevices().then(function (devices) {
         var userMediaConstraints = {
             audio: false,
-            video: {
-                facingMode: 'environment',
-                width: {
-                    ideal: _this.parameters.sourceWidth,
-                    // min: 1024,
-                    // max: 1920
-                },
-                height: {
-                    ideal: _this.parameters.sourceHeight,
-                    // min: 776,
-                    // max: 1080
-                }
-            }
+            video: true
         };
 
+        if (window.innerWidth < 800) {
+            var width = (window.innerWidth < window.innerHeight) ? 480 : 640;
+
+            userMediaConstraints = {
+                audio: false,
+                video: {
+                    facingMode: 'environment',
+                    width: { min: width, max: width }
+                },
+            };
+        }
+
         if (null !== _this.parameters.deviceId) {
             userMediaConstraints.video.deviceId = {
                 exact: _this.parameters.deviceId

three.js/build/ar.lean.js

@@ -3141,21 +3141,21 @@ ARjs.Source.prototype._initSourceWebcam = function (onReady, onError) {
     navigator.mediaDevices.enumerateDevices().then(function (devices) {
         var userMediaConstraints = {
             audio: false,
-            video: {
-                facingMode: 'environment',
-                width: {
-                    ideal: _this.parameters.sourceWidth,
-                    // min: 1024,
-                    // max: 1920
-                },
-                height: {
-                    ideal: _this.parameters.sourceHeight,
-                    // min: 776,
-                    // max: 1080
-                }
-            }
+            video: true
         };
 
+        if (window.innerWidth < 800) {
+            var width = (window.innerWidth < window.innerHeight) ? 480 : 640;
+
+            userMediaConstraints = {
+                audio: false,
+                video: {
+                    facingMode: 'environment',
+                    width: { min: width, max: width }
+                },
+            };
+        }
+
         if (null !== _this.parameters.deviceId) {
             userMediaConstraints.video.deviceId = {
                 exact: _this.parameters.deviceId

three.js/src/threex/threex-artoolkitsource.js

@@ -182,21 +182,21 @@ ARjs.Source.prototype._initSourceWebcam = function (onReady, onError) {
     navigator.mediaDevices.enumerateDevices().then(function (devices) {
         var userMediaConstraints = {
             audio: false,
-            video: {
-                facingMode: 'environment',
-                width: {
-                    ideal: _this.parameters.sourceWidth,
-                    // min: 1024,
-                    // max: 1920
-                },
-                height: {
-                    ideal: _this.parameters.sourceHeight,
-                    // min: 776,
-                    // max: 1080
-                }
-            }
+            video: true
         };
 
+        if (window.innerWidth < 800) {
+            var width = (window.innerWidth < window.innerHeight) ? 480 : 640;
+
+            userMediaConstraints = {
+                audio: false,
+                video: {
+                    facingMode: 'environment',
+                    width: { min: width, max: width }
+                },
+            };
+        }
+
         if (null !== _this.parameters.deviceId) {
             userMediaConstraints.video.deviceId = {
                 exact: _this.parameters.deviceId