Apply @k15z fix in issue #498

Author: nickw1

aframe/build/aframe-ar-location-only.js

@@ -22,9 +22,18 @@ AFRAME.registerComponent("arjs-webcam-texture", {
 
   play: function () {
     if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
+      let idealWidth = window.innerWidth;
+      let idealHeight = window.innerHeight;
+      const isPortrait = screen.availHeight > screen.availWidth;
+      if (isPortrait) {
+        idealWidth = window.innerHeight;
+        idealHeight = window.innerWidth;
+      }
       const constraints = {
         video: {
           facingMode: "environment",
+          width: { ideal: idealWidth },
+          height: { ideal: idealHeight },
         },
       };
       navigator.mediaDevices

aframe/build/aframe-ar-location-only.mjs

@@ -28,11 +28,20 @@ class WebcamRenderer {
       0,
       10,
     );
+    // fix provided by @k15z in #498
+    let idealWidth = window.innerWidth;
+    let idealHeight = window.innerHeight;
+    const isPortrait = screen.availHeight > screen.availWidth;
+    if (isPortrait) {
+      idealWidth = window.innerHeight;
+      idealHeight = window.innerWidth;
+    }
+
     if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
       const constraints = {
         video: {
-          width: 1280,
-          height: 720,
+          width: { ideal: idealWidth },
+          height: { ideal: idealHeight },
           facingMode: "environment",
         },
       };