src/chrome/test/data/webrtc/manual/constraints.html

   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>