From bc873c104a81fcc5d79c7446180448e0270cd0bf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dod=C3=B4=20Evandro?= <evandro.carreira@gmail.com>
Date: Sat, 9 Dec 2023 21:24:27 -0300
Subject: [PATCH] test(mediaAspect): log to debug on mobile

---
 src/components/VideoPlane/VideoPlane.tsx             | 2 +-
 src/components/WebCamVideoPlane/WebCamVideoPlane.tsx | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/VideoPlane/VideoPlane.tsx b/src/components/VideoPlane/VideoPlane.tsx
index 2384212..298000c 100644
--- 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
index 352fb53..02a0641 100644
--- 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);
     });
   }, []);