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 <head> |
4 <title>WebRTC PeerConnection Manual Test</title> | 4 <title>WebRTC PeerConnection Manual Test</title> |
5 <script type="text/javascript" src="../test_functions.js"></script> | 5 <script src="../test_functions.js"></script> |
6 <script type="text/javascript" src="../message_handling.js"></script> | 6 <script src="../message_handling.js"></script> |
7 <script type="text/javascript" src="../getusermedia.js"></script> | 7 <script src="../getusermedia.js"></script> |
8 <script type="text/javascript" src="../jsep01_call.js"></script> | 8 <script src="../jsep01_call.js"></script> |
9 <script type="text/javascript" src="peerconnection.js"></script> | 9 <script src="peerconnection.js"></script> |
10 <link rel="StyleSheet" type="text/css" href="stylesheet.css"> | 10 <link rel="StyleSheet" href="stylesheet.css"> |
11 <meta charset="utf-8"> | 11 <meta charset="utf-8"> |
12 </head> | 12 </head> |
13 <body> | 13 <body> |
14 | 14 |
15 <div id="wrapper"> | 15 <div id="wrapper"> |
16 <div> | 16 <div id="getusermedia-input"> |
17 GetUserMedia <a href="http://goo.gl/V7cZg">MediaStreamConstraints</a>: | 17 GetUserMedia <a href="http://goo.gl/V7cZg">MediaStreamConstraints</a>: |
18 <input type="text" id="getusermedia-constraints" size="30"> | 18 <input type="text" id="getusermedia-constraints"> |
19 Audio<input type="checkbox" id="audio" checked | 19 Audio<input type="checkbox" id="audio" checked |
20 onclick="updateGetUserMediaConstraints();"/> | 20 onclick="updateGetUserMediaConstraints();"/> |
21 Video<input type="checkbox" id="video" checked | 21 Video<input type="checkbox" id="video" checked |
22 onclick="updateGetUserMediaConstraints();"/> | 22 onclick="updateGetUserMediaConstraints();"/> |
| 23 Screen capture<input type="checkbox" id="screencapture" |
| 24 onclick="updateGetUserMediaConstraints();"/> |
23 <button id="re-request" onclick="getUserMediaFromHere();"> | 25 <button id="re-request" onclick="getUserMediaFromHere();"> |
24 Request GetUserMedia</button> | 26 Request GetUserMedia</button><br/> |
25 Use <a href="constraints.html">constraints.html</a> to create more | 27 Use <a href="constraints.html">constraints.html</a> to create more |
26 advanced constraints (then paste them into the box to the left). | 28 advanced constraints (then paste them into the Constraints box above). |
| 29 <a href="peerconnection-help.html" target="_blank">Help</a> |
| 30 <br/> |
27 </div> | 31 </div> |
28 <a href="peerconnection-help.html" target="_blank">How does this page work? | 32 |
29 </a> | |
30 <div id="container"> | 33 <div id="container"> |
31 | 34 |
32 <div id="left-half"> | 35 <div id="left-half"> |
33 <h2>Local Preview</h2> | 36 |
34 <video width="320" height="240" id="local-view" autoplay="autoplay"> | 37 <div> |
35 </video><br/> | 38 <h2>Local Preview</h2> |
| 39 <video width="320" height="240" id="local-view" autoplay="autoplay" |
| 40 class="video-area"</video><br/> |
| 41 </div> |
| 42 |
| 43 <div> |
| 44 <div> |
| 45 Size: <div id="local-view-size" class="inline-contents"></div> |
| 46 <div id="local-view-stream-size" class="inline-contents">(stream |
| 47 size: N/A)</div><br/> |
| 48 </div> |
| 49 <div> |
| 50 Resize: <button onclick="updateVideoTagSize_('local-view')"> To |
| 51 stream size</button> |
| 52 <button onclick="updateVideoTagSize_('local-view', 320, 240);"> |
| 53 320x240</button> |
| 54 <button onclick="updateVideoTagSize_('local-view', 640, 480);"> |
| 55 640x480</button> |
| 56 </div> |
| 57 </div> |
| 58 |
36 <h2>Send on data channel</h2> | 59 <h2>Send on data channel</h2> |
37 <input type="text" id="data-channel-send" size="10" /> | 60 <input type="text" id="data-channel-send" size="10" /> |
38 <button onclick="sendDataFromHere();">Send data</button><br> | 61 <button onclick="sendDataFromHere();">Send data</button><br> |
39 | 62 |
40 <h2>Settings</h2> | 63 <h2>Settings</h2> |
41 Server [<a href="" onclick="showServerHelp()">?</a>]: | 64 Server [<a href="" onclick="showServerHelp();">?</a>]: |
42 <input type="text" id="server" size="30" | 65 <input type="text" id="server" size="30" value="http://localhost:8888" /> |
43 value="http://localhost:8888" /> | |
44 Peer ID: <input type="text" id="peer-id" size="10" /> | 66 Peer ID: <input type="text" id="peer-id" size="10" /> |
45 <button id="connect" onclick="connectFromHere();">Connect</button><br/> | 67 <button id="connect" onclick="connectFromHere();">Connect</button><br/> |
46 PeerConnection <a href="http://goo.gl/xVi12">createOffer MediaConstraints: | 68 PeerConnection <a href="http://goo.gl/xVi12">createOffer MediaConstraints: |
47 </a><br/> | 69 </a><br/> |
48 <input type="text" id="pc-createoffer-constraints" rows="7" cols="40"/> | 70 <input type="text" id="pc-createoffer-constraints" rows="7" cols="40"/> |
49 <br/> | 71 <br/> |
50 PeerConnection <a href="http://goo.gl/0TjfX">createAnswer | 72 PeerConnection <a href="http://goo.gl/0TjfX">createAnswer |
51 MediaConstraints:</a><br/> | 73 MediaConstraints:</a><br/> |
52 <input type="text" id="pc-createanswer-constraints" rows="7" cols="40"/> | 74 <input type="text" id="pc-createanswer-constraints" rows="7" cols="40"/> |
53 <br/> | 75 <br/> |
(...skipping 16 matching lines...) Expand all Loading... |
70 <input type="text" id="data-channel-status" size="10" value="not created" | 92 <input type="text" id="data-channel-status" size="10" value="not created" |
71 disabled="true" /><br/> | 93 disabled="true" /><br/> |
72 DTMF Sender: | 94 DTMF Sender: |
73 <button onclick="createDtmfSenderFromHere();">Create</button> | 95 <button onclick="createDtmfSenderFromHere();">Create</button> |
74 tones: | 96 tones: |
75 <input type="text" id="dtmf-tones" size="10" value="123,abc" /> | 97 <input type="text" id="dtmf-tones" size="10" value="123,abc" /> |
76 duration(ms): | 98 duration(ms): |
77 <input type="text" id="dtmf-tones-duration" size="10" value="100" /> | 99 <input type="text" id="dtmf-tones-duration" size="10" value="100" /> |
78 gap(ms): | 100 gap(ms): |
79 <input type="text" id="dtmf-tones-gap" size="10" value="50" /> | 101 <input type="text" id="dtmf-tones-gap" size="10" value="50" /> |
80 <button onclick="insertDtmfFromHere();">Send</button><br/> | 102 <button onclick="insertDtmfFromHere();">Send</button><br/> |
81 Options: | 103 Options: |
82 <input type="checkbox" id="force-opus" onclick="forceOpusChanged();"/> | 104 <input type="checkbox" id="force-opus" onclick="forceOpusChanged();"/> |
83 Force Opus in Outgoing SDP<br/> | 105 Force Opus in Outgoing SDP<br/> |
84 <button onclick="clearLog();">Clear Logs</button> | 106 <button onclick="clearLog();">Clear Logs</button> |
| 107 |
85 <h2>Messages</h2> | 108 <h2>Messages</h2> |
86 <pre id="messages"></pre> | 109 <pre id="messages"></pre> |
87 </div> | 110 </div> |
| 111 |
88 <div id="right-half"> | 112 <div id="right-half"> |
89 <h2>Remote Video</h2> | 113 |
90 <video width="320" height="240" id="remote-view" autoplay="autoplay"> | 114 <div> |
91 </video><br/> | 115 <h2>Remote Video</h2> |
| 116 <video width="320" height="240" id="remote-view" autoplay="autoplay" |
| 117 class="video-area"></video><br/> |
| 118 </div> |
| 119 |
| 120 <div> |
| 121 <div> |
| 122 Size: <div id="remote-view-size" class="inline-contents"></div> |
| 123 <div id="remote-view-stream-size" class="inline-contents">(stream size |
| 124 :N/A)</div><br/> |
| 125 </div> |
| 126 <div> |
| 127 Resize: <button onclick="updateVideoTagSize_('remote-view')"> To |
| 128 stream size</button> |
| 129 <button onclick="updateVideoTagSize_('remote-view', 320, 240);"> |
| 130 320x240</button> |
| 131 <button onclick="updateVideoTagSize_('remote-view', 640, 480);"> |
| 132 640x480</button> |
| 133 </div> |
| 134 </div> |
| 135 |
92 <h2>Received on data channel</h2> | 136 <h2>Received on data channel</h2> |
93 <textarea id="data-channel-receive" rows="7" cols="40" disabled="true"> | 137 <textarea id="data-channel-receive" rows="7" cols="40" disabled="true"> |
94 </textarea> | 138 </textarea> |
95 <h2>Sent DTMF tones</h2> | 139 |
| 140 <h2>Sent DTMF tones</h2> |
96 <textarea id="dtmf-tones-sent" rows="7" cols="40" disabled="true"> | 141 <textarea id="dtmf-tones-sent" rows="7" cols="40" disabled="true"> |
97 </textarea> | 142 </textarea> |
98 | 143 |
99 <h2>Debug</h2> | 144 <h2>Debug</h2> |
100 <pre id="debug"></pre> | 145 <pre id="debug"></pre> |
101 </div> | 146 </div> |
102 </div> | 147 </div> |
103 </div> | 148 </div> |
104 | 149 |
105 </body> | 150 </body> |
106 </html> | 151 </html> |
OLD | NEW |