use real pixels not CSS pixels when requesting camera feed

Author: nickw1

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

@@ -32,8 +32,8 @@ AFRAME.registerComponent("arjs-webcam-texture", {
       const constraints = {
         video: {
           facingMode: "environment",
-          width: { ideal: idealWidth },
-          height: { ideal: idealHeight },
+          width: { ideal: idealWidth * window.devicePixelRatio },
+          height: { ideal: idealHeight * window.devicePixelRatio },
         },
       };
       navigator.mediaDevices

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

@@ -40,8 +40,8 @@ class WebcamRenderer {
     if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
       const constraints = {
         video: {
-          width: { ideal: idealWidth },
-          height: { ideal: idealHeight },
+          width: { ideal: idealWidth * window.devicePixelRatio },
+          height: { ideal: idealHeight * window.devicePixelRatio },
           facingMode: "environment",
         },
       };