test(mediaAspect): log to debug on mobile

evandrododo · Dec 10, 2023 · bc873c1 · bc873c1
1 parent 3f2e571
commit bc873c1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/components/VideoPlane/VideoPlane.tsx b/src/components/VideoPlane/VideoPlane.tsx
@@ -16,7 +16,7 @@ export const VideoPlane = ({ userMedia }: { userMedia: MediaStream }) => {
   const mediaWidth = userMedia.getVideoTracks()[0].getSettings().width || 1;
   const mediaHeight = userMedia.getVideoTracks()[0].getSettings().height || 1;
   const mediaAspect = mediaWidth / mediaHeight;
-  let size = useAspect(mediaAspect, 1, 0.1);
+  const size = useAspect(mediaAspect, 1, 0.1);
 
   return (
     <mesh scale={size} position={[0, 0, 0]}>

diff --git a/src/components/WebCamVideoPlane/WebCamVideoPlane.tsx b/src/components/WebCamVideoPlane/WebCamVideoPlane.tsx
@@ -6,11 +6,13 @@ export const WebCamVideoPlane = () => {
   // Gets user webcam
   useEffect(() => {
     const media = navigator.mediaDevices.getUserMedia({
-      video: true,
+      video: {
+        facingMode: "environment",
+      },
     });
 
     media.then((stream) => {
-      console.log("stream", stream.getVideoTracks()[0].getSettings());
+      console.log("stream", stream);
       setUserMedia(stream);
     });
   }, []);