| OLD | NEW |
| 1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> | 1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <!-- |
| 4 <title>WebRTC PeerConnection Manual Test</title> | 4 Copyright 2014 The Chromium Authors. All rights reserved. |
| 5 <!-- Load the polyfill to switch-hit between Chrome and Firefox --> | 5 Use of this source code is governed by a BSD-style license that can be |
| 6 <script src="../adapter.js"></script> | 6 found in the LICENSE file. |
| 7 <script src="peerconnection_manual.js"></script> | 7 --> |
| 8 <link rel="StyleSheet" href="stylesheet.css"> | 8 <head> |
| 9 <meta charset="utf-8"> | 9 <title>WebRTC PeerConnection Manual Test</title> |
| 10 </head> | 10 <META http-equiv="refresh" content="5;URL=http://goo.gl/Pu2xKX"> |
| 11 <body> | 11 </head> |
| 12 | 12 <body> |
| 13 <div id="wrapper"> | 13 <center> |
| 14 <div id="header"> | 14 <p>The contents you are looking for have moved to GitHub. You will be |
| 15 GetUserMedia <a href="http://goo.gl/V7cZg">MediaStreamConstraints</a>: | 15 redirected to the new location automatically in 5 seconds. |
| 16 <input type="text" id="getusermedia-constraints" wrap="soft"> | 16 </p> |
| 17 Audio<input type="checkbox" id="audio" checked | 17 <p>WebRTC demo and sample pages now live on |
| 18 onclick="updateGetUserMediaConstraints();"/> | 18 <a href="http://googlechrome.github.io/webrtc/">GitHub.</a> |
| 19 Video<input type="checkbox" id="video" checked | 19 This is a temporary redirect. |
| 20 onclick="updateGetUserMediaConstraints();"/> | 20 </p> |
| 21 Screen capture<input type="checkbox" id="screencapture" | 21 </center> |
| 22 onclick="updateGetUserMediaConstraints();"/> | 22 </body> |
| 23 <button class="button-green" id="re-request" | |
| 24 onclick="getUserMediaFromHere();">Request GetUserMedia</button><br/> | |
| 25 Audio source <select class="drop-down" id="audiosrc" | |
| 26 onchange="updateGetUserMediaConstraints();"></select> | |
| 27 Video source <select class="drop-down" id="videosrc" | |
| 28 onchange="updateGetUserMediaConstraints();"></select> | |
| 29 Optional min size <input type="text" id="video-width" value="1280" | |
| 30 size="5px" onblur="updateGetUserMediaConstraints();"> | |
| 31 x <input type="text" id="video-height" value="720" size="5px" | |
| 32 onblur="updateGetUserMediaConstraints();"> | |
| 33 <button id="get-devices" onclick="getDevices();"> | |
| 34 Get devices</button> | |
| 35 Onload<input type="checkbox" id="get-devices-onload"> | |
| 36 You can also use <a href="constraints.html">constraints.html</a> | |
| 37 <a href="peerconnection-help.html" target="_blank">Help</a> | |
| 38 <br/> | |
| 39 </div> | |
| 40 | |
| 41 <div id="container"> | |
| 42 <div class="left"> | |
| 43 <div> | |
| 44 <h2>Local Preview</h2> | |
| 45 <video width="320" height="240" id="local-view" autoplay="autoplay" | |
| 46 muted></video><br/> | |
| 47 </div> | |
| 48 <div> | |
| 49 <div> | |
| 50 Size: <div id="local-view-size" class="inline-contents"></div> | |
| 51 <div id="local-view-stream-size" class="inline-contents">(stream | |
| 52 size: N/A)</div><br/> | |
| 53 </div> | |
| 54 <div> | |
| 55 Resize: <button onclick="updateVideoTagSize('local-view')"> To | |
| 56 stream size</button> | |
| 57 <button onclick="updateVideoTagSize('local-view', 320, 240);"> | |
| 58 320x240</button> | |
| 59 <button onclick="updateVideoTagSize('local-view', 640, 480);"> | |
| 60 640x480</button> | |
| 61 </div> | |
| 62 </div> | |
| 63 | |
| 64 <h2>Send on data channel</h2> | |
| 65 <input type="text" id="data-channel-send" size="10" /> | |
| 66 <button onclick="sendDataFromHere();">Send data</button><br> | |
| 67 | |
| 68 <h2>Settings</h2> | |
| 69 Server [<a href="" onclick="showServerHelp();">?</a>]: | |
| 70 <input type="text" id="pc-server" size="30" | |
| 71 value="http://localhost:8888"/> | |
| 72 Peer ID: <input type="text" id="peer-id" size="10" /> | |
| 73 <button class="button-green" id="connect" onclick="connectFromHere();"> | |
| 74 Connect</button><br/> | |
| 75 | |
| 76 PeerConnection Constraints: | |
| 77 CPU overuse <input type="checkbox" id="cpuoveruse-detection" | |
| 78 onclick="setPeerConnectionConstraints();" checked="true"/> | |
| 79 RTP <input type="checkbox" id="data-channel-type-rtp" | |
| 80 onclick="setPeerConnectionConstraints();"><br/> | |
| 81 <input class="width-100" type="text" id="pc-constraints" value="{}" ><br/> | |
| 82 PeerConnection <a href="http://goo.gl/xVi12"> | |
| 83 createOffer MediaConstraints:</a><br/> | |
| 84 <input type="text" class="width-100" id="pc-createoffer-constraints" | |
| 85 value="{}"/><br/> | |
| 86 PeerConnection <a href="http://goo.gl/0TjfX"> | |
| 87 createAnswer MediaConstraints:</a><br/> | |
| 88 <input type="text" class="width-100" id="pc-createanswer-constraints" | |
| 89 value="{}"/><br/> | |
| 90 | |
| 91 Call: | |
| 92 <button class="button-green" onclick="negotiateCallFromHere();">Negotiate | |
| 93 </button> | |
| 94 <button class="button-red" onclick="hangUpFromHere();">Hang up</button> | |
| 95 <br/> | |
| 96 | |
| 97 Local Stream: | |
| 98 <button class="button-green" onclick="addLocalStreamFromHere();">Add | |
| 99 </button> | |
| 100 <button class="button-red" onclick="removeLocalStreamFromHere();">Remove | |
| 101 </button> | |
| 102 <button class="button-red" onclick="stopLocalFromHere();">Stop</button> | |
| 103 <button onclick="toggleLocalVideoFromHere();">Toggle Video</button> | |
| 104 <button onclick="toggleLocalAudioFromHere();">Toggle Audio</button><br/> | |
| 105 | |
| 106 Remote Stream: | |
| 107 <button onclick="toggleRemoteVideoFromHere();">Toggle Video</button> | |
| 108 <button onclick="toggleRemoteAudioFromHere();">Toggle Audio</button><br/> | |
| 109 | |
| 110 Data Channel: | |
| 111 <button onclick="createDataChannelFromHere();">Create</button> | |
| 112 <button onclick="closeDataChannelFromHere();">Close</button> | |
| 113 status: | |
| 114 <input type="text" id="data-channel-status" size="10" value="not created" | |
| 115 disabled="true"/> | |
| 116 ID: | |
| 117 <input type="text" id="data-channel-id" size="10" disabled="true"/><br/> | |
| 118 | |
| 119 DTMF Sender: | |
| 120 <button onclick="createDtmfSenderFromHere();">Create</button> | |
| 121 tones: | |
| 122 <input type="text" id="dtmf-tones" size="10" value="123,abc" /> | |
| 123 duration(ms): | |
| 124 <input type="text" id="dtmf-tones-duration" size="10" value="100" /> | |
| 125 gap(ms): | |
| 126 <input type="text" id="dtmf-tones-gap" size="10" value="50" /> | |
| 127 <button onclick="insertDtmfFromHere();">Send</button><br/> | |
| 128 | |
| 129 Options: | |
| 130 <input type="checkbox" id="force-isac" onclick="forceIsacChanged();"/> | |
| 131 Force iSAC in Outgoing SDP<br/> | |
| 132 <button onclick="clearLog();">Clear Logs</button> | |
| 133 </div> | |
| 134 | |
| 135 <div class="right"> | |
| 136 <div> | |
| 137 <h2>Remote Video</h2> | |
| 138 <video width="320" height="240" id="remote-view" autoplay="autoplay"> | |
| 139 </video><br/> | |
| 140 </div> | |
| 141 <div> | |
| 142 <div> | |
| 143 Size: <div id="remote-view-size" class="inline-contents"></div> | |
| 144 <div id="remote-view-stream-size" class="inline-contents">(stream size | |
| 145 :N/A)</div><br/> | |
| 146 </div> | |
| 147 <div> | |
| 148 Resize: <button onclick="updateVideoTagSize('remote-view')"> To | |
| 149 stream size</button> | |
| 150 <button onclick="updateVideoTagSize('remote-view', 320, 240);"> | |
| 151 320x240</button> | |
| 152 <button onclick="updateVideoTagSize('remote-view', 640, 480);"> | |
| 153 640x480</button> | |
| 154 </div> | |
| 155 </div> | |
| 156 | |
| 157 <h2>Received on data channel</h2> | |
| 158 <textarea id="data-channel-receive" rows="7" cols="40" disabled="true"> | |
| 159 </textarea> | |
| 160 | |
| 161 <h2>Sent DTMF tones</h2> | |
| 162 <textarea id="dtmf-tones-sent" rows="7" cols="40" disabled="true"> | |
| 163 </textarea> | |
| 164 </div> | |
| 165 | |
| 166 <div id="footer"> | |
| 167 <div class="left"> | |
| 168 <h2>Messages</h2> | |
| 169 <pre id="messages"></pre> | |
| 170 </div> | |
| 171 | |
| 172 <div class="right"> | |
| 173 <h2>Debug</h2> | |
| 174 <pre id="debug"></pre> | |
| 175 </div> | |
| 176 </div> | |
| 177 </div> | |
| 178 </div> | |
| 179 </body> | |
| 180 </html> | 23 </html> |
| OLD | NEW |