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 ad10e1c46c804bfd46311f5ee0d4b0bbb14ba253..b7a635cc3430b3d01105caf071c8a0d4046ca278 100644 |
--- a/chrome/test/data/webrtc/manual/peerconnection.html |
+++ b/chrome/test/data/webrtc/manual/peerconnection.html |
@@ -4,10 +4,6 @@ |
<title>WebRTC PeerConnection Manual Test</title> |
<!-- Load the polyfill to switch-hit between Chrome and Firefox --> |
<script src="../adapter.js"></script> |
- <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"> |
@@ -18,55 +14,43 @@ |
<div id="getusermedia-input"> |
GetUserMedia <a href="http://goo.gl/V7cZg">MediaStreamConstraints</a>: |
<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><br/> |
- Audio source <select class="drop-down" id="audiosrc" |
- onchange="updateGetUserMediaConstraints();"></select> |
- Video source <select class="drop-down" id="videosrc" |
- onchange="updateGetUserMediaConstraints();"></select> |
- Optional min size<input type="text" id="video-width" value="1280" size="5px" |
- onblur="updateGetUserMediaConstraints();">x<input type="text" |
- id="video-height" value="720" size="5px" |
- onblur="updateGetUserMediaConstraints();"> |
- <button id="get-devices" onclick="getDevices();"> |
- Get devices</button> |
+ Audio<input type="checkbox" id="audio" checked> |
+ Video<input type="checkbox" id="video" checked> |
+ Screen capture<input type="checkbox" id="screencapture"/> |
+ <button id="re-request">Request GetUserMedia</button></br> |
+ Audio source <select class="drop-down" id="audiosrc"></select> |
+ Video source <select class="drop-down" id="videosrc"></select> |
+ Min size<input type="text" id="video-width" value="1280" size="5px"> |
+ x <input type="text"id="video-height" value="720" size="5px"> |
+ <button id="get-devices">Get devices</button> |
Onload<input type="checkbox" id="get-devices-onload"> |
You can also use <a href="constraints.html">constraints.html</a> |
<a href="peerconnection-help.html" target="_blank">Help</a> |
- <br/> |
+ </br> |
</div> |
<div id="container"> |
- |
<div id="left-half"> |
- |
+ <div> |
+ <h2>Local Preview</h2> |
+ <video width="320" height="240" id="local-view" autoplay="autoplay" |
+ class="video-area"></video></br> |
+ </div> |
+ <div> |
<div> |
- <h2>Local Preview</h2> |
- <video width="320" height="240" id="local-view" autoplay="autoplay" |
- class="video-area"></video><br/> |
+ Size: <span id="local-view-size" class="inline-contents"></span> |
+ <span id="local-view-stream-size" class="inline-contents">(stream |
+ size: N/A)</span></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> |
+ 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" /> |
@@ -77,37 +61,38 @@ |
<input type="text" id="pc-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/> |
+ <button id="connect" onclick="connectFromHere();">Connect</button></br> |
PeerConnection <a href="http://goo.gl/xVi12">createOffer MediaConstraints: |
- </a><br/> |
+ </a></br> |
<input type="text" id="pc-createoffer-constraints" rows="7" cols="40" |
value="{}"/> |
- <br/> |
+ </br> |
PeerConnection <a href="http://goo.gl/0TjfX">createAnswer |
- MediaConstraints:</a><br/> |
+ MediaConstraints:</a></br> |
<input type="text" id="pc-createanswer-constraints" rows="7" cols="40" |
value="{}"/> |
- <br/> |
+ </br> |
Call: |
<button onclick="negotiateCallFromHere();">Negotiate</button> |
- <button onclick="hangUpFromHere();">Hang up</button><br/> |
+ <button onclick="hangUpFromHere();">Hang up</button> |
+ Add local stream when called <input type="checkbox" |
+ id="auto-add-stream-when-called"></br> |
Local Stream: |
<button onclick="addLocalStreamFromHere();">Add</button> |
<button onclick="removeLocalStreamFromHere();">Remove</button> |
<button onclick="stopLocalFromHere();">Stop</button> |
<button onclick="toggleLocalVideoFromHere();">Toggle Video</button> |
- <button onclick="toggleLocalAudioFromHere();">Toggle Audio</button><br/> |
+ <button onclick="toggleLocalAudioFromHere();">Toggle Audio</button></br> |
Remote Stream: |
<button onclick="toggleRemoteVideoFromHere();">Toggle Video</button> |
- <button onclick="toggleRemoteAudioFromHere();">Toggle Audio</button><br/> |
+ <button onclick="toggleRemoteAudioFromHere();">Toggle Audio</button></br> |
Data Channel: |
<button onclick="createDataChannelFromHere();">Create</button> |
- RTP <input type="checkbox" id="data-channel-type-rtp" |
- onclick="setPcDataChannelType();"/> |
+ RTP <input type="checkbox" id="data-channel-type-rtp"> |
<button onclick="closeDataChannelFromHere();">Close</button> |
status: |
<input type="text" id="data-channel-status" size="10" value="not created" |
- disabled="true" /><br/> |
+ disabled="true" /></br> |
DTMF Sender: |
<button onclick="createDtmfSenderFromHere();">Create</button> |
tones: |
@@ -116,36 +101,35 @@ |
<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-isac" onclick="forceIsacChanged();"/> |
- Force iSAC in Outgoing SDP<br/> |
+ Force iSAC in Outgoing SDP</br> |
<button onclick="clearLog();">Clear Logs</button> |
- <h2>Messages</h2> |
- <pre id="messages"></pre> |
+ <h2>Debug</h2> |
+ <pre id="debug"></pre> |
</div> |
<div id="right-half"> |
- |
<div> |
<h2>Remote Video</h2> |
<video width="320" height="240" id="remote-view" autoplay="autoplay" |
- class="video-area"></video><br/> |
+ 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/> |
+ Size: <span id="remote-view-size" class="inline-contents"></span> |
+ <span id="remote-view-stream-size" class="inline-contents">(stream |
+ size: N/A)</span></br> |
</div> |
<div> |
- Resize: <button onclick="updateVideoTagSize_('remote-view')"> To |
+ Resize: <button onclick="updateVideoTagSize('remote-view')"> To |
stream size</button> |
- <button onclick="updateVideoTagSize_('remote-view', 320, 240);"> |
+ <button onclick="updateVideoTagSize('remote-view', 320, 240);"> |
320x240</button> |
- <button onclick="updateVideoTagSize_('remote-view', 640, 480);"> |
+ <button onclick="updateVideoTagSize('remote-view', 640, 480);"> |
640x480</button> |
</div> |
</div> |
@@ -158,8 +142,8 @@ |
<textarea id="dtmf-tones-sent" rows="7" cols="40" disabled="true"> |
</textarea> |
- <h2>Debug</h2> |
- <pre id="debug"></pre> |
+ <h2>Messages</h2> |
+ <pre id="messages"></pre> |
</div> |
</div> |
</div> |