changed source getusermedia constraints

aframe/build/aframe-ar.js

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

three.js/build/ar.js

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

three.js/build/ar.lean.js

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

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

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