| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> | |
| 2 <html> | |
| 3 <head> | |
| 4 <title>WebRTC GetUserMedia Constraints Manual Test</title> | |
| 5 <!-- Load the polyfill to switch-hit between Chrome and Firefox --> | |
| 6 <script type="text/javascript" src="../adapter.js"></script> | |
| 7 <script type="text/javascript" src="constraints.js"></script> | |
| 8 <link rel="StyleSheet" type="text/css" href="stylesheet.css"> | |
| 9 <meta charset="utf-8"> | |
| 10 </head> | |
| 11 <body> | |
| 12 | |
| 13 <div id="wrapper"> | |
| 14 <div id="left"> | |
| 15 <p>This page can create GetUserMedia <a href="http://goo.gl/qZQjV"> | |
| 16 MediaStreamConstraints</a> that can be used on the<br/> | |
| 17 <a href="peerconnection.html">PeerConnection Manual Test page.</a></p> | |
| 18 MediaStreamConstraints:<br/> | |
| 19 <textarea id="getusermedia-constraints" rows="10" cols="60" | |
| 20 readonly="readonly"/></textarea> | |
| 21 <br/> | |
| 22 | |
| 23 Audio<input type="checkbox" id="audio" checked /> | |
| 24 Video<input type="checkbox" id="video" checked /> | |
| 25 | |
| 26 <h2>Video constraints</h2> | |
| 27 Only applicable if the video checkbox is checked above. | |
| 28 <h3>Mandatory</h3> | |
| 29 Min | |
| 30 <input type="text" id="mandatory-min-width" size="4"/>x | |
| 31 <input type="text" id="mandatory-min-height" size="4"/> | |
| 32 FPS: <input type="text" id="mandatory-min-fps" size="2"/> | |
| 33 Aspect ratio: <input type="text" id="mandatory-min-ar" size="2"/><br/> | |
| 34 Max | |
| 35 <input type="text" id="mandatory-max-width" size="4"/>x | |
| 36 <input type="text" id="mandatory-max-height" size="4"/> | |
| 37 FPS: <input type="text" id="mandatory-max-fps" size="2"/> | |
| 38 Aspect ratio: <input type="text" id="mandatory-max-ar" size="2"/> | |
| 39 | |
| 40 <h3>Optional</h3> | |
| 41 Min | |
| 42 <input type="text" id="optional-min-width" size="4"/>x | |
| 43 <input type="text" id="optional-min-height" size="4"/> | |
| 44 FPS: <input type="text" id="optional-min-fps" size="2"/> | |
| 45 Aspect ratio: <input type="text" id="optional-min-ar" size="2"/><br/> | |
| 46 Max | |
| 47 <input type="text" id="optional-max-width" size="4"/>x | |
| 48 <input type="text" id="optional-max-height" size="4"/> | |
| 49 FPS: <input type="text" id="optional-max-fps" size="2"/> | |
| 50 Aspect ratio: <input type="text" id="optional-max-ar" size="2"/><br/> | |
| 51 <button id="re-request" onclick="doGetUserMedia();"> | |
| 52 Request GetUserMedia | |
| 53 </button> | |
| 54 <h2>Messages</h2> | |
| 55 <pre id="messages"></pre> | |
| 56 </div> | |
| 57 <div> | |
| 58 <h2>Local Preview</h2> | |
| 59 <video width="320" height="240" id="local-view" autoplay="autoplay"> | |
| 60 </video> | |
| 61 </div> | |
| 62 </div> | |
| 63 </body> | |
| 64 </html> | |
| OLD | NEW |