Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(902)

Side by Side Diff: chrome/test/data/webrtc/manual/peerconnection.html

Issue 110853006: Combining all javascript files to one for the manual test page. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: fixing nits Created 6 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> 1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
2 <html> 2 <html>
3 <head> 3 <head>
4 <title>WebRTC PeerConnection Manual Test</title> 4 <title>WebRTC PeerConnection Manual Test</title>
5 <!-- Load the polyfill to switch-hit between Chrome and Firefox --> 5 <!-- Load the polyfill to switch-hit between Chrome and Firefox -->
6 <script src="../adapter.js"></script> 6 <script src="../adapter.js"></script>
7 <script src="../test_functions.js"></script>
8 <script src="../message_handling.js"></script>
9 <script src="../getusermedia.js"></script>
10 <script src="../jsep01_call.js"></script>
11 <script src="peerconnection.js"></script> 7 <script src="peerconnection.js"></script>
12 <link rel="StyleSheet" href="stylesheet.css"> 8 <link rel="StyleSheet" href="stylesheet.css">
13 <meta charset="utf-8"> 9 <meta charset="utf-8">
14 </head> 10 </head>
15 <body> 11 <body>
16 12
17 <div id="wrapper"> 13 <div id="wrapper">
18 <div id="getusermedia-input"> 14 <div id="getusermedia-input">
19 GetUserMedia <a href="http://goo.gl/V7cZg">MediaStreamConstraints</a>: 15 GetUserMedia <a href="http://goo.gl/V7cZg">MediaStreamConstraints</a>:
20 <input type="text" id="getusermedia-constraints"> 16 <input type="text" id="getusermedia-constraints">
21 Audio<input type="checkbox" id="audio" checked 17 Audio<input type="checkbox" id="audio" checked>
22 onclick="updateGetUserMediaConstraints();"/> 18 Video<input type="checkbox" id="video" checked>
23 Video<input type="checkbox" id="video" checked 19 Screen capture<input type="checkbox" id="screencapture"/>
24 onclick="updateGetUserMediaConstraints();"/> 20 <button id="re-request">Request GetUserMedia</button></br>
25 Screen capture<input type="checkbox" id="screencapture" 21 Audio source <select class="drop-down" id="audiosrc"></select>
26 onclick="updateGetUserMediaConstraints();"/> 22 Video source <select class="drop-down" id="videosrc"></select>
27 <button id="re-request" onclick="getUserMediaFromHere();"> 23 Min size<input type="text" id="video-width" value="1280" size="5px">
28 Request GetUserMedia</button><br/> 24 x <input type="text"id="video-height" value="720" size="5px">
29 Audio source <select class="drop-down" id="audiosrc" 25 <button id="get-devices">Get devices</button>
30 onchange="updateGetUserMediaConstraints();"></select>
31 Video source <select class="drop-down" id="videosrc"
32 onchange="updateGetUserMediaConstraints();"></select>
33 Optional min size<input type="text" id="video-width" value="1280" size="5px"
34 onblur="updateGetUserMediaConstraints();">x<input type="text"
35 id="video-height" value="720" size="5px"
36 onblur="updateGetUserMediaConstraints();">
37 <button id="get-devices" onclick="getDevices();">
38 Get devices</button>
39 Onload<input type="checkbox" id="get-devices-onload"> 26 Onload<input type="checkbox" id="get-devices-onload">
40 You can also use <a href="constraints.html">constraints.html</a>&nbsp;&nbsp; 27 You can also use <a href="constraints.html">constraints.html</a>&nbsp;&nbsp;
41 <a href="peerconnection-help.html" target="_blank">Help</a> 28 <a href="peerconnection-help.html" target="_blank">Help</a>
42 <br/> 29 </br>
43 </div> 30 </div>
44 31
45 <div id="container"> 32 <div id="container">
46
47 <div id="left-half"> 33 <div id="left-half">
48 34 <div>
35 <h2>Local Preview</h2>
36 <video width="320" height="240" id="local-view" autoplay="autoplay"
37 class="video-area"></video></br>
38 </div>
39 <div>
49 <div> 40 <div>
50 <h2>Local Preview</h2> 41 Size: <span id="local-view-size" class="inline-contents"></span>
51 <video width="320" height="240" id="local-view" autoplay="autoplay" 42 <span id="local-view-stream-size" class="inline-contents">(stream
52 class="video-area"></video><br/> 43 size: N/A)</span></br/>
53 </div> 44 </div>
54
55 <div> 45 <div>
56 <div> 46 Resize: <button onclick="updateVideoTagSize('local-view')"> To
57 Size: <div id="local-view-size" class="inline-contents"></div> 47 stream size</button>
58 <div id="local-view-stream-size" class="inline-contents">(stream 48 <button onclick="updateVideoTagSize('local-view', 320, 240);">
59 size: N/A)</div><br/> 49 320x240</button>
60 </div> 50 <button onclick="updateVideoTagSize('local-view', 640, 480);">
61 <div> 51 640x480</button>
62 Resize: <button onclick="updateVideoTagSize_('local-view')"> To
63 stream size</button>
64 <button onclick="updateVideoTagSize_('local-view', 320, 240);">
65 320x240</button>
66 <button onclick="updateVideoTagSize_('local-view', 640, 480);">
67 640x480</button>
68 </div>
69 </div> 52 </div>
53 </div>
70 54
71 <h2>Send on data channel</h2> 55 <h2>Send on data channel</h2>
72 <input type="text" id="data-channel-send" size="10" /> 56 <input type="text" id="data-channel-send" size="10" />
73 <button onclick="sendDataFromHere();">Send data</button><br> 57 <button onclick="sendDataFromHere();">Send data</button><br>
74 58
75 <h2>Settings</h2> 59 <h2>Settings</h2>
76 Server [<a href="" onclick="showServerHelp();">?</a>]: 60 Server [<a href="" onclick="showServerHelp();">?</a>]:
77 <input type="text" id="pc-server" size="30" 61 <input type="text" id="pc-server" size="30"
78 value="http://localhost:8888"/> 62 value="http://localhost:8888"/>
79 Peer ID: <input type="text" id="peer-id" size="10" /> 63 Peer ID: <input type="text" id="peer-id" size="10" />
80 <button id="connect" onclick="connectFromHere();">Connect</button><br/> 64 <button id="connect" onclick="connectFromHere();">Connect</button></br>
81 PeerConnection <a href="http://goo.gl/xVi12">createOffer MediaConstraints: 65 PeerConnection <a href="http://goo.gl/xVi12">createOffer MediaConstraints:
82 </a><br/> 66 </a></br>
83 <input type="text" id="pc-createoffer-constraints" rows="7" cols="40" 67 <input type="text" id="pc-createoffer-constraints" rows="7" cols="40"
84 value="{}"/> 68 value="{}"/>
85 <br/> 69 </br>
86 PeerConnection <a href="http://goo.gl/0TjfX">createAnswer 70 PeerConnection <a href="http://goo.gl/0TjfX">createAnswer
87 MediaConstraints:</a><br/> 71 MediaConstraints:</a></br>
88 <input type="text" id="pc-createanswer-constraints" rows="7" cols="40" 72 <input type="text" id="pc-createanswer-constraints" rows="7" cols="40"
89 value="{}"/> 73 value="{}"/>
90 <br/> 74 </br>
91 Call: 75 Call:
92 <button onclick="negotiateCallFromHere();">Negotiate</button> 76 <button onclick="negotiateCallFromHere();">Negotiate</button>
93 <button onclick="hangUpFromHere();">Hang up</button><br/> 77 <button onclick="hangUpFromHere();">Hang up</button>
78 Add local stream when called <input type="checkbox"
79 id="auto-add-stream-when-called"></br>
94 Local Stream: 80 Local Stream:
95 <button onclick="addLocalStreamFromHere();">Add</button> 81 <button onclick="addLocalStreamFromHere();">Add</button>
96 <button onclick="removeLocalStreamFromHere();">Remove</button> 82 <button onclick="removeLocalStreamFromHere();">Remove</button>
97 <button onclick="stopLocalFromHere();">Stop</button> 83 <button onclick="stopLocalFromHere();">Stop</button>
98 <button onclick="toggleLocalVideoFromHere();">Toggle Video</button> 84 <button onclick="toggleLocalVideoFromHere();">Toggle Video</button>
99 <button onclick="toggleLocalAudioFromHere();">Toggle Audio</button><br/> 85 <button onclick="toggleLocalAudioFromHere();">Toggle Audio</button></br>
100 Remote Stream: 86 Remote Stream:
101 <button onclick="toggleRemoteVideoFromHere();">Toggle Video</button> 87 <button onclick="toggleRemoteVideoFromHere();">Toggle Video</button>
102 <button onclick="toggleRemoteAudioFromHere();">Toggle Audio</button><br/> 88 <button onclick="toggleRemoteAudioFromHere();">Toggle Audio</button></br>
103 Data Channel: 89 Data Channel:
104 <button onclick="createDataChannelFromHere();">Create</button> 90 <button onclick="createDataChannelFromHere();">Create</button>
105 RTP <input type="checkbox" id="data-channel-type-rtp" 91 RTP <input type="checkbox" id="data-channel-type-rtp">
106 onclick="setPcDataChannelType();"/>
107 <button onclick="closeDataChannelFromHere();">Close</button> 92 <button onclick="closeDataChannelFromHere();">Close</button>
108 status: 93 status:
109 <input type="text" id="data-channel-status" size="10" value="not created" 94 <input type="text" id="data-channel-status" size="10" value="not created"
110 disabled="true" /><br/> 95 disabled="true" /></br>
111 DTMF Sender: 96 DTMF Sender:
112 <button onclick="createDtmfSenderFromHere();">Create</button> 97 <button onclick="createDtmfSenderFromHere();">Create</button>
113 tones: 98 tones:
114 <input type="text" id="dtmf-tones" size="10" value="123,abc" /> 99 <input type="text" id="dtmf-tones" size="10" value="123,abc" />
115 duration(ms): 100 duration(ms):
116 <input type="text" id="dtmf-tones-duration" size="10" value="100" /> 101 <input type="text" id="dtmf-tones-duration" size="10" value="100" />
117 gap(ms): 102 gap(ms):
118 <input type="text" id="dtmf-tones-gap" size="10" value="50" /> 103 <input type="text" id="dtmf-tones-gap" size="10" value="50" />
119 <button onclick="insertDtmfFromHere();">Send</button><br/> 104 <button onclick="insertDtmfFromHere();">Send</button></br>
120 Options: 105 Options:
121 <input type="checkbox" id="force-isac" onclick="forceIsacChanged();"/> 106 <input type="checkbox" id="force-isac" onclick="forceIsacChanged();"/>
122 Force iSAC in Outgoing SDP<br/> 107 Force iSAC in Outgoing SDP</br>
123 <button onclick="clearLog();">Clear Logs</button> 108 <button onclick="clearLog();">Clear Logs</button>
124 109
125 <h2>Messages</h2> 110 <h2>Debug</h2>
126 <pre id="messages"></pre> 111 <pre id="debug"></pre>
127 </div> 112 </div>
128 113
129 <div id="right-half"> 114 <div id="right-half">
130
131 <div> 115 <div>
132 <h2>Remote Video</h2> 116 <h2>Remote Video</h2>
133 <video width="320" height="240" id="remote-view" autoplay="autoplay" 117 <video width="320" height="240" id="remote-view" autoplay="autoplay"
134 class="video-area"></video><br/> 118 class="video-area"></video></br>
135 </div> 119 </div>
136 120
137 <div> 121 <div>
138 <div> 122 <div>
139 Size: <div id="remote-view-size" class="inline-contents"></div> 123 Size: <span id="remote-view-size" class="inline-contents"></span>
140 <div id="remote-view-stream-size" class="inline-contents">(stream size 124 <span id="remote-view-stream-size" class="inline-contents">(stream
141 :N/A)</div><br/> 125 size: N/A)</span></br>
142 </div> 126 </div>
143 <div> 127 <div>
144 Resize: <button onclick="updateVideoTagSize_('remote-view')"> To 128 Resize: <button onclick="updateVideoTagSize('remote-view')"> To
145 stream size</button> 129 stream size</button>
146 <button onclick="updateVideoTagSize_('remote-view', 320, 240);"> 130 <button onclick="updateVideoTagSize('remote-view', 320, 240);">
147 320x240</button> 131 320x240</button>
148 <button onclick="updateVideoTagSize_('remote-view', 640, 480);"> 132 <button onclick="updateVideoTagSize('remote-view', 640, 480);">
149 640x480</button> 133 640x480</button>
150 </div> 134 </div>
151 </div> 135 </div>
152 136
153 <h2>Received on data channel</h2> 137 <h2>Received on data channel</h2>
154 <textarea id="data-channel-receive" rows="7" cols="40" disabled="true"> 138 <textarea id="data-channel-receive" rows="7" cols="40" disabled="true">
155 </textarea> 139 </textarea>
156 140
157 <h2>Sent DTMF tones</h2> 141 <h2>Sent DTMF tones</h2>
158 <textarea id="dtmf-tones-sent" rows="7" cols="40" disabled="true"> 142 <textarea id="dtmf-tones-sent" rows="7" cols="40" disabled="true">
159 </textarea> 143 </textarea>
160 144
161 <h2>Debug</h2> 145 <h2>Messages</h2>
162 <pre id="debug"></pre> 146 <pre id="messages"></pre>
163 </div> 147 </div>
164 </div> 148 </div>
165 </div> 149 </div>
166 150
167 </body> 151 </body>
168 </html> 152 </html>
OLDNEW
« no previous file with comments | « no previous file | chrome/test/data/webrtc/manual/peerconnection.js » ('j') | chrome/test/data/webrtc/manual/peerconnection.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698