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

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: removed semicolon 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/getusermedia.js ('K') | « chrome/test/data/webrtc/jsep01_call.js ('k') | chrome/test/data/webrtc/manual/peerconnection.js » ('j') | chrome/test/data/webrtc/manual/stylesheet.css » ('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 class="video-area">
kjellander_chromium 2013/04/12 09:58:18 Looks almost as I wanted it. Can you see if it's p
jansson 2013/04/16 14:25:17 The easiest way forward is just adding the video-a
kjellander_chromium 2013/04/18 13:29:46 Nevermind which way, I guess this is nicer than ha
35 </video><br/> 38 <h2>Local Preview</h2>
39 <video width="320" height="240" id="local-view" autoplay="autoplay">
40 </video><br/>
41 </div>
42
43 <div class="video-area">
44 <div>
45 Size: <div id="local-view-size" class="inline-contents"></div>
kjellander_chromium 2013/04/12 09:58:18 Check if it's enough to set the class for the surr
jansson 2013/04/16 14:25:17 It was not as simple as adding it to the surroundi
kjellander_chromium 2013/04/18 13:29:46 OK, CSS is tricky sometimes. On 2013/04/16 14:25:
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')">
51 To 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
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 class="video-area">
91 </video><br/> 115 <h2>Remote Video</h2>
116 <video width="320" height="240" id="remote-view" autoplay="autoplay">
117 </video><br/>
118 </div>
119 <div class="video-area">
120 <div>
kjellander_chromium 2013/04/12 09:58:18 same here with the CSS class.
jansson 2013/04/16 14:25:17 see previous question/answer
121 Size: <div id="remote-view-size" class="inline-contents"></div>
122 <div id="remote-view-stream-size" class="inline-contents">(stream size
123 :N/A)</div><br/>
124 </div>
125 <div>
126 Resize: <button onclick="updateVideoTagSize_('remote-view')"> To
127 stream size</button>
128 <button onclick="updateVideoTagSize_('remote-view', 320, 240);">
129 320x240</button>
130 <button onclick="updateVideoTagSize_('remote-view', 640, 480);">
131 640x480</button>
132 </div>
133 </div>
134
92 <h2>Received on data channel</h2> 135 <h2>Received on data channel</h2>
93 <textarea id="data-channel-receive" rows="7" cols="40" disabled="true"> 136 <textarea id="data-channel-receive" rows="7" cols="40" disabled="true">
94 </textarea> 137 </textarea>
95 <h2>Sent DTMF tones</h2> 138
139 <h2>Sent DTMF tones</h2>
96 <textarea id="dtmf-tones-sent" rows="7" cols="40" disabled="true"> 140 <textarea id="dtmf-tones-sent" rows="7" cols="40" disabled="true">
97 </textarea> 141 </textarea>
98 142
99 <h2>Debug</h2> 143 <h2>Debug</h2>
100 <pre id="debug"></pre> 144 <pre id="debug"></pre>
101 </div> 145 </div>
102 </div> 146 </div>
103 </div> 147 </div>
104 148
105 </body> 149 </body>
106 </html> 150 </html>
OLDNEW
« chrome/test/data/webrtc/getusermedia.js ('K') | « chrome/test/data/webrtc/jsep01_call.js ('k') | chrome/test/data/webrtc/manual/peerconnection.js » ('j') | chrome/test/data/webrtc/manual/stylesheet.css » ('J')

Powered by Google App Engine
This is Rietveld 408576698