Switched to 320x240 by default

addpipe · Oct 30, 2018 · 97a243c · 97a243c
1 parent a609ded
commit 97a243c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/css/main.css b/css/main.css
@@ -222,9 +222,9 @@ strong {
 
 video {
   background: #222;
-   margin: 10px auto; 
-  width: 640px;
-  height:480px;
+  margin: 10px auto; 
+  width: 320px;
+  height:240px;
 }
 
 @media screen and (max-width: 650px) {
@@ -247,3 +247,4 @@ video {
     font-size: 20px;
   }
 }
+
diff --git a/index.html b/index.html
@@ -23,7 +23,7 @@
 <div id="container">
 <div style = "text-align:center;">
 	<h1>Media Recorder API Demo </h1>
-	<h2>Record a 640x480 video using the media recorder API implemented in Firefox and Chrome</h2>
+	<h2>Record a 320x240 video using the media recorder API implemented in Firefox and Chrome</h2>
 	<video controls autoplay></video><br>
 	<button id="rec" onclick="onBtnRecordClicked()">Record</button>
 	<button id="pauseRes"   onclick="onPauseResumeClicked()" disabled>Pause</button>

diff --git a/js/main.js b/js/main.js
@@ -8,9 +8,9 @@ navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia
 
 
 if(getBrowser() == "Chrome"){
-	var constraints = {"audio": true, "video": {  "mandatory": {  "minWidth": 640,  "maxWidth": 640, "minHeight": 480,"maxHeight": 480 }, "optional": [] } };//Chrome did not support the new constraints spec until 59 for video and 60 for audio
+	var constraints = {"audio": true, "video": {  "mandatory": {  "minWidth": 320,  "maxWidth": 640, "minHeight": 240,"maxHeight": 480 }, "optional": [] } };//Chrome
 }else if(getBrowser() == "Firefox"){
-	var constraints = {audio: true,video: {  width: { min: 640, ideal: 640, max: 640 },  height: { min: 480, ideal: 480, max: 480 }}}; //Firefox
+	var constraints = {audio: true,video: {  width: { min: 320, ideal: 320, max: 640 },  height: { min: 240, ideal: 240, max: 480 }}}; //Firefox
 }
 
 var recBtn = document.querySelector('button#rec');