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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 12472032: Add screen capture constraints, video tag resize and removed auto video resize (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@testingscreen
Patch Set: gjslint issues + fixed if statement for constraints Created 7 years, 8 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
« chrome/test/data/webrtc/jsep01_call.js ('K') | « chrome/test/data/webrtc/jsep01_call.js ('k') | chrome/test/data/webrtc/manual/peerconnection.js » ('j') | chrome/test/data/webrtc/manual/peerconnection.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 <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 id="local-view-area">
kjellander_chromium 2013/04/08 14:19:52 I suggest adding a CSS class for this div tag that
jansson 2013/04/10 12:11:48 Done.
35 </video><br/> 38 <h2>Local Preview</h2>
39 <video width="320" height="240" id="local-view" autoplay="autoplay">
40 </video><br/>
kjellander_chromium 2013/04/08 14:19:52 Indent +2 spaces.
jansson 2013/04/10 12:11:48 Done.
41 <div id="size">
kjellander_chromium 2013/04/08 14:19:52 Do you use the ID for this and the 'resize' div ta
jansson 2013/04/10 12:11:48 Done.
42 Size: <div id="local-view-size"></div>
43 <div id="local-view-stream-size">(stream size: N/A)</div><br/>
44 </div>
45 <div id="resize">
46 Resize: <button onclick="updateVideoTagSize_('local-view')">
47 To stream size</button>
48 <button onclick="updateVideoTagSize_('local-view', '320', '240' );">
kjellander_chromium 2013/04/08 14:19:52 You should be fine passing integer numbers here.
jansson 2013/04/10 12:11:48 Done.
49 320x240</button>
50 <button onclick="updateVideoTagSize_('local-view', '640', '480');">
51 640x480</button>
52 </div>
53 </div>
54
36 <h2>Send on data channel</h2> 55 <h2>Send on data channel</h2>
37 <input type="text" id="data-channel-send" size="10" /> 56 <input type="text" id="data-channel-send" size="10" />
38 <button onclick="sendDataFromHere();">Send data</button><br> 57 <button onclick="sendDataFromHere();">Send data</button><br>
39 58
40 <h2>Settings</h2> 59 <h2>Settings</h2>
41 Server [<a href="" onclick="showServerHelp()">?</a>]: 60 Server [<a href="" onclick="showServerHelp();">?</a>]:
42 <input type="text" id="server" size="30" 61 <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" /> 62 Peer ID: <input type="text" id="peer-id" size="10" />
45 <button id="connect" onclick="connectFromHere();">Connect</button><br/> 63 <button id="connect" onclick="connectFromHere();">Connect</button><br/>
46 PeerConnection <a href="http://goo.gl/xVi12">createOffer MediaConstraints: 64 PeerConnection <a href="http://goo.gl/xVi12">createOffer MediaConstraints:
47 </a><br/> 65 </a><br/>
48 <input type="text" id="pc-createoffer-constraints" rows="7" cols="40"/> 66 <input type="text" id="pc-createoffer-constraints" rows="7" cols="40"/>
49 <br/> 67 <br/>
kjellander_chromium 2013/04/08 14:19:52 I don't see the need for this to be indented as it
jansson 2013/04/10 12:11:48 Done.
50 PeerConnection <a href="http://goo.gl/0TjfX">createAnswer 68 PeerConnection <a href="http://goo.gl/0TjfX">createAnswer MediaConstraints
kjellander_chromium 2013/04/08 14:19:52 Please leave untouched instead of adding a space b
jansson 2013/04/10 12:11:48 Done.
51 MediaConstraints:</a><br/> 69 :</a><br/>
52 <input type="text" id="pc-createanswer-constraints" rows="7" cols="40"/> 70 <input type="text" id="pc-createanswer-constraints" rows="7" cols="40"/>
53 <br/> 71 <br/>
54 Call: 72 Call:
55 <button onclick="negotiateCallFromHere();">Negotiate</button> 73 <button onclick="negotiateCallFromHere();">Negotiate</button>
56 <button onclick="hangUpFromHere();">Hang up</button><br/> 74 <button onclick="hangUpFromHere();">Hang up</button><br/>
57 Local Stream: 75 Local Stream:
58 <button onclick="addLocalStreamFromHere();">Add</button> 76 <button onclick="addLocalStreamFromHere();">Add</button>
59 <button onclick="removeLocalStreamFromHere();">Remove</button> 77 <button onclick="removeLocalStreamFromHere();">Remove</button>
60 <button onclick="stopLocalFromHere();">Stop</button> 78 <button onclick="stopLocalFromHere();">Stop</button>
61 <button onclick="toggleLocalVideoFromHere();">Toggle Video</button> 79 <button onclick="toggleLocalVideoFromHere();">Toggle Video</button>
62 <button onclick="toggleLocalAudioFromHere();">Toggle Audio</button><br/> 80 <button onclick="toggleLocalAudioFromHere();">Toggle Audio</button><br/>
63 Remote Stream: 81 Remote Stream:
64 <button onclick="toggleRemoteVideoFromHere();">Toggle Video</button> 82 <button onclick="toggleRemoteVideoFromHere();">Toggle Video</button>
65 <button onclick="toggleRemoteAudioFromHere();">Toggle Audio</button><br/> 83 <button onclick="toggleRemoteAudioFromHere();">Toggle Audio</button><br/>
66 Data Channel: 84 Data Channel:
67 <button onclick="createDataChannelFromHere();">Create</button> 85 <button onclick="createDataChannelFromHere();">Create</button>
68 <button onclick="closeDataChannelFromHere();">Close</button> 86 <button onclick="closeDataChannelFromHere();">Close</button>
69 status: 87 status:
70 <input type="text" id="data-channel-status" size="10" value="not created" 88 <input type="text" id="data-channel-status" size="10" value="not created"
71 disabled="true" /><br/> 89 disabled="true" /><br/>
72 DTMF Sender: 90 DTMF Sender:
73 <button onclick="createDtmfSenderFromHere();">Create</button> 91 <button onclick="createDtmfSenderFromHere();">Create</button>
74 tones: 92 tones:
75 <input type="text" id="dtmf-tones" size="10" value="123,abc" /> 93 <input type="text" id="dtmf-tones" size="10" value="123,abc" />
76 duration(ms): 94 duration(ms):
77 <input type="text" id="dtmf-tones-duration" size="10" value="100" /> 95 <input type="text" id="dtmf-tones-duration" size="10" value="100" />
78 gap(ms): 96 gap(ms):
79 <input type="text" id="dtmf-tones-gap" size="10" value="50" /> 97 <input type="text" id="dtmf-tones-gap" size="10" value="50" />
80 <button onclick="insertDtmfFromHere();">Send</button><br/> 98 <button onclick="insertDtmfFromHere();">Send</button><br/>
81 Options: 99 Options:
82 <input type="checkbox" id="force-opus" onclick="forceOpusChanged();"/> 100 <input type="checkbox" id="force-opus" onclick="forceOpusChanged();"/>
83 Force Opus in Outgoing SDP<br/> 101 Force Opus in Outgoing SDP<br/>
84 <button onclick="clearLog();">Clear Logs</button> 102 <button onclick="clearLog();">Clear Logs</button>
103
85 <h2>Messages</h2> 104 <h2>Messages</h2>
86 <pre id="messages"></pre> 105 <pre id="messages"></pre>
87 </div> 106 </div>
88 <div id="right-half"> 107
108 <div id="right-half">
kjellander_chromium 2013/04/08 14:19:52 +2 indent (affects content below too)
jansson 2013/04/10 12:11:48 Done.
109
110 <div id="remote-view-area">
89 <h2>Remote Video</h2> 111 <h2>Remote Video</h2>
90 <video width="320" height="240" id="remote-view" autoplay="autoplay"> 112 <video width="320" height="240" id="remote-view" autoplay="autoplay">
91 </video><br/> 113 </video><br/>
92 <h2>Received on data channel</h2> 114 <div id="size">
93 <textarea id="data-channel-receive" rows="7" cols="40" disabled="true"> 115 Size: <div id="remote-view-size"></div>
94 </textarea> 116 <div id="remote-view-stream-size">(stream size: N/A)</div><br/>
kjellander_chromium 2013/04/08 14:19:52 +2 indent.
jansson 2013/04/10 12:11:48 Done.
95 <h2>Sent DTMF tones</h2> 117 </div>
96 <textarea id="dtmf-tones-sent" rows="7" cols="40" disabled="true"> 118 <div id="resize">
97 </textarea> 119 Resize: <button onclick="updateVideoTagSize_('remote-view')"> To stream
120 size</button>
121 <button onclick="updateVideoTagSize_('remote-view', '320', '240');">
122 320x240</button>
123 <button onclick="updateVideoTagSize_('remote-view', '640', '480');">
124 640x480</button>
125 </div>
126 </div>
98 127
99 <h2>Debug</h2> 128 <h2>Received on data channel</h2>
100 <pre id="debug"></pre> 129 <textarea id="data-channel-receive" rows="7" cols="40" disabled="true">
130 </textarea>
131
132 <h2>Sent DTMF tones</h2>
133 <textarea id="dtmf-tones-sent" rows="7" cols="40" disabled="true">
134 </textarea>
135
136 <h2>Debug</h2>
137 <pre id="debug"></pre>
101 </div> 138 </div>
102 </div> 139 </div>
103 </div> 140 </div>
104 141
105 </body> 142 </body>
106 </html> 143 </html>
OLDNEW
« chrome/test/data/webrtc/jsep01_call.js ('K') | « chrome/test/data/webrtc/jsep01_call.js ('k') | 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