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 |