diff --git a/public/bundle.js b/public/bundle.js
index 466e665..378405a 100644
--- a/public/bundle.js
+++ b/public/bundle.js
@@ -20503,12 +20503,25 @@ const streamSuccess = (stream) => {
 
 const getLocalStream = () => {
   console.log('[getLocalStream]');
+  // navigator.mediaDevices.getUserMedia({
+  //   audio: false,
+  //   video: {
+  //     qvga : { width: { ideal: 320 }, height: { ideal: 240 } },
+  //     vga  : { width: { ideal: 640 }, height: { ideal: 480 } },
+  //     hd   : { width: { ideal: 1280 }, height: { ideal: 720 } }
+  //   }
+  // })
   navigator.mediaDevices.getUserMedia({
     audio: false,
     video: {
-      qvga : { width: { ideal: 320 }, height: { ideal: 240 } },
-      vga  : { width: { ideal: 640 }, height: { ideal: 480 } },
-      hd   : { width: { ideal: 1280 }, height: { ideal: 720 } }
+      width: {
+        min: 640,
+        max: 1920,
+      },
+      height: {
+        min: 400,
+        max: 1080,
+      }
     }
   })
   .then(streamSuccess)
diff --git a/public/index.js b/public/index.js
index 284dc30..59fff99 100644
--- a/public/index.js
+++ b/public/index.js
@@ -145,12 +145,25 @@ const streamSuccess = (stream) => {
 
 const getLocalStream = () => {
   console.log('[getLocalStream]');
+  // navigator.mediaDevices.getUserMedia({
+  //   audio: false,
+  //   video: {
+  //     qvga : { width: { ideal: 320 }, height: { ideal: 240 } },
+  //     vga  : { width: { ideal: 640 }, height: { ideal: 480 } },
+  //     hd   : { width: { ideal: 1280 }, height: { ideal: 720 } }
+  //   }
+  // })
   navigator.mediaDevices.getUserMedia({
     audio: false,
     video: {
-      qvga : { width: { ideal: 320 }, height: { ideal: 240 } },
-      vga  : { width: { ideal: 640 }, height: { ideal: 480 } },
-      hd   : { width: { ideal: 1280 }, height: { ideal: 720 } }
+      width: {
+        min: 640,
+        max: 1920,
+      },
+      height: {
+        min: 400,
+        max: 1080,
+      }
     }
   })
   .then(streamSuccess)