Merge pull request #3 from bien-pr/main

Remove aspectRatio for performance
tommasoturchi · Nov 20, 2022 · f9c7818 · f9c7818
2 parents 3bc9537 + 7c27c1c
commit f9c7818
Showing 1 changed file with 17 additions and 1 deletion.
diff --git a/src/AR.js b/src/AR.js
@@ -252,6 +252,22 @@ const ARProvider = forwardRef(
       }
     }, [autoplay, ready, startTracking]);
 
+    const fixStyle = () => {
+      let offset = 0
+      if(webcamRef.current?.video?.clientWidth>0){
+        offset = (width - webcamRef.current.video.clientWidth) / 2;
+      }
+      offset = parseInt(offset+'')
+      return(
+        {
+          width: "auto",
+          maxWidth: "none",
+          height: 'inherit',
+          marginLeft: offset+'px'
+        }
+      )
+    }
+
     return (
       <>
         <Html
@@ -267,8 +283,8 @@ const ARProvider = forwardRef(
             width={width}
             videoConstraints={{
               facingMode: isWebcamFacingUser ? "user" : "environment",
-              aspectRatio: ratio,
             }}
+            style={fixStyle()}
           />
         </Html>
         {children}