| Index: chrome/test/data/webrtc/manual/peerconnection.html
|
| diff --git a/chrome/test/data/webrtc/manual/peerconnection.html b/chrome/test/data/webrtc/manual/peerconnection.html
|
| index e346587c4801c3e8063fb687660172c6f444414c..514ef4e79b399b2743ced5ff39b6baf69aa926c9 100644
|
| --- a/chrome/test/data/webrtc/manual/peerconnection.html
|
| +++ b/chrome/test/data/webrtc/manual/peerconnection.html
|
| @@ -2,45 +2,67 @@
|
| <html>
|
| <head>
|
| <title>WebRTC PeerConnection Manual Test</title>
|
| - <script type="text/javascript" src="../test_functions.js"></script>
|
| - <script type="text/javascript" src="../message_handling.js"></script>
|
| - <script type="text/javascript" src="../getusermedia.js"></script>
|
| - <script type="text/javascript" src="../jsep01_call.js"></script>
|
| - <script type="text/javascript" src="peerconnection.js"></script>
|
| - <link rel="StyleSheet" type="text/css" href="stylesheet.css">
|
| + <script src="../test_functions.js"></script>
|
| + <script src="../message_handling.js"></script>
|
| + <script src="../getusermedia.js"></script>
|
| + <script src="../jsep01_call.js"></script>
|
| + <script src="peerconnection.js"></script>
|
| + <link rel="StyleSheet" href="stylesheet.css">
|
| <meta charset="utf-8">
|
| </head>
|
| <body>
|
|
|
| <div id="wrapper">
|
| - <div>
|
| + <div id="getusermedia-input">
|
| GetUserMedia <a href="http://goo.gl/V7cZg">MediaStreamConstraints</a>:
|
| - <input type="text" id="getusermedia-constraints" size="30">
|
| + <input type="text" id="getusermedia-constraints">
|
| Audio<input type="checkbox" id="audio" checked
|
| onclick="updateGetUserMediaConstraints();"/>
|
| Video<input type="checkbox" id="video" checked
|
| onclick="updateGetUserMediaConstraints();"/>
|
| + Screen capture<input type="checkbox" id="screencapture"
|
| + onclick="updateGetUserMediaConstraints();"/>
|
| <button id="re-request" onclick="getUserMediaFromHere();">
|
| - Request GetUserMedia</button>
|
| + Request GetUserMedia</button><br/>
|
| Use <a href="constraints.html">constraints.html</a> to create more
|
| - advanced constraints (then paste them into the box to the left).
|
| + advanced constraints (then paste them into the Constraints box above).
|
| + <a href="peerconnection-help.html" target="_blank">Help</a>
|
| + <br/>
|
| </div>
|
| - <a href="peerconnection-help.html" target="_blank">How does this page work?
|
| - </a>
|
| +
|
| <div id="container">
|
|
|
| <div id="left-half">
|
| - <h2>Local Preview</h2>
|
| - <video width="320" height="240" id="local-view" autoplay="autoplay">
|
| - </video><br/>
|
| +
|
| + <div>
|
| + <h2>Local Preview</h2>
|
| + <video width="320" height="240" id="local-view" autoplay="autoplay"
|
| + class="video-area"</video><br/>
|
| + </div>
|
| +
|
| + <div>
|
| + <div>
|
| + Size: <div id="local-view-size" class="inline-contents"></div>
|
| + <div id="local-view-stream-size" class="inline-contents">(stream
|
| + size: N/A)</div><br/>
|
| + </div>
|
| + <div>
|
| + Resize: <button onclick="updateVideoTagSize_('local-view')"> To
|
| + stream size</button>
|
| + <button onclick="updateVideoTagSize_('local-view', 320, 240);">
|
| + 320x240</button>
|
| + <button onclick="updateVideoTagSize_('local-view', 640, 480);">
|
| + 640x480</button>
|
| + </div>
|
| + </div>
|
| +
|
| <h2>Send on data channel</h2>
|
| <input type="text" id="data-channel-send" size="10" />
|
| <button onclick="sendDataFromHere();">Send data</button><br>
|
|
|
| <h2>Settings</h2>
|
| - Server [<a href="" onclick="showServerHelp()">?</a>]:
|
| - <input type="text" id="server" size="30"
|
| - value="http://localhost:8888" />
|
| + Server [<a href="" onclick="showServerHelp();">?</a>]:
|
| + <input type="text" id="server" size="30" value="http://localhost:8888" />
|
| Peer ID: <input type="text" id="peer-id" size="10" />
|
| <button id="connect" onclick="connectFromHere();">Connect</button><br/>
|
| PeerConnection <a href="http://goo.gl/xVi12">createOffer MediaConstraints:
|
| @@ -77,22 +99,45 @@
|
| <input type="text" id="dtmf-tones-duration" size="10" value="100" />
|
| gap(ms):
|
| <input type="text" id="dtmf-tones-gap" size="10" value="50" />
|
| - <button onclick="insertDtmfFromHere();">Send</button><br/>
|
| + <button onclick="insertDtmfFromHere();">Send</button><br/>
|
| Options:
|
| <input type="checkbox" id="force-opus" onclick="forceOpusChanged();"/>
|
| - Force Opus in Outgoing SDP<br/>
|
| + Force Opus in Outgoing SDP<br/>
|
| <button onclick="clearLog();">Clear Logs</button>
|
| +
|
| <h2>Messages</h2>
|
| <pre id="messages"></pre>
|
| </div>
|
| +
|
| <div id="right-half">
|
| - <h2>Remote Video</h2>
|
| - <video width="320" height="240" id="remote-view" autoplay="autoplay">
|
| - </video><br/>
|
| +
|
| + <div>
|
| + <h2>Remote Video</h2>
|
| + <video width="320" height="240" id="remote-view" autoplay="autoplay"
|
| + class="video-area"></video><br/>
|
| + </div>
|
| +
|
| + <div>
|
| + <div>
|
| + Size: <div id="remote-view-size" class="inline-contents"></div>
|
| + <div id="remote-view-stream-size" class="inline-contents">(stream size
|
| + :N/A)</div><br/>
|
| + </div>
|
| + <div>
|
| + Resize: <button onclick="updateVideoTagSize_('remote-view')"> To
|
| + stream size</button>
|
| + <button onclick="updateVideoTagSize_('remote-view', 320, 240);">
|
| + 320x240</button>
|
| + <button onclick="updateVideoTagSize_('remote-view', 640, 480);">
|
| + 640x480</button>
|
| + </div>
|
| + </div>
|
| +
|
| <h2>Received on data channel</h2>
|
| <textarea id="data-channel-receive" rows="7" cols="40" disabled="true">
|
| </textarea>
|
| - <h2>Sent DTMF tones</h2>
|
| +
|
| + <h2>Sent DTMF tones</h2>
|
| <textarea id="dtmf-tones-sent" rows="7" cols="40" disabled="true">
|
| </textarea>
|
|
|
|
|