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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified 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 side-by-side diff with in-line comments
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')
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: chrome/test/data/webrtc/manual/peerconnection.html
diff --git a/chrome/test/data/webrtc/manual/peerconnection.html b/chrome/test/data/webrtc/manual/peerconnection.html
index e346587c4801c3e8063fb687660172c6f444414c..cc2f1f06d7a1e5ed1e2488af319c98c015098e98 100644
--- a/chrome/test/data/webrtc/manual/peerconnection.html
+++ b/chrome/test/data/webrtc/manual/peerconnection.html
@@ -2,45 +2,67 @@
<html>
<head>
<title>WebRTC PeerConnection Manual Test</title>
- <script type="text/javascript" src="../test_functions.js"></script>
- <script type="text/javascript" src="../message_handling.js"></script>
- <script type="text/javascript" src="../getusermedia.js"></script>
- <script type="text/javascript" src="../jsep01_call.js"></script>
- <script type="text/javascript" src="peerconnection.js"></script>
- <link rel="StyleSheet" type="text/css" href="stylesheet.css">
+ <script src="../test_functions.js"></script>
+ <script src="../message_handling.js"></script>
+ <script src="../getusermedia.js"></script>
+ <script src="../jsep01_call.js"></script>
+ <script src="peerconnection.js"></script>
+ <link rel="StyleSheet" href="stylesheet.css">
<meta charset="utf-8">
</head>
<body>
<div id="wrapper">
- <div>
+ <div id="getusermedia-input">
GetUserMedia <a href="http://goo.gl/V7cZg">MediaStreamConstraints</a>:
- <input type="text" id="getusermedia-constraints" size="30">
+ <input type="text" id="getusermedia-constraints">
Audio<input type="checkbox" id="audio" checked
onclick="updateGetUserMediaConstraints();"/>
Video<input type="checkbox" id="video" checked
onclick="updateGetUserMediaConstraints();"/>
+ Screen capture<input type="checkbox" id="screencapture"
+ onclick="updateGetUserMediaConstraints();"/>
<button id="re-request" onclick="getUserMediaFromHere();">
- Request GetUserMedia</button>
+ Request GetUserMedia</button><br/>
Use <a href="constraints.html">constraints.html</a> to create more
- advanced constraints (then paste them into the box to the left).
+ advanced constraints (then paste them into the Constraints box above).
+ <a href="peerconnection-help.html" target="_blank">Help</a>
+ <br/>
</div>
- <a href="peerconnection-help.html" target="_blank">How does this page work?
- </a>
+
<div id="container">
<div id="left-half">
- <h2>Local Preview</h2>
- <video width="320" height="240" id="local-view" autoplay="autoplay">
- </video><br/>
+
+ <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
+ <h2>Local Preview</h2>
+ <video width="320" height="240" id="local-view" autoplay="autoplay">
+ </video><br/>
+ </div>
+
+ <div class="video-area">
+ <div>
+ 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:
+ <div id="local-view-stream-size" class="inline-contents">(stream
+ size: N/A)</div><br/>
+ </div>
+ <div>
+ Resize: <button onclick="updateVideoTagSize_('local-view')">
+ To stream size</button>
+ <button onclick="updateVideoTagSize_('local-view', 320, 240);">
+ 320x240</button>
+ <button onclick="updateVideoTagSize_('local-view', 640, 480);">
+ 640x480</button>
+ </div>
+ </div>
+
<h2>Send on data channel</h2>
<input type="text" id="data-channel-send" size="10" />
<button onclick="sendDataFromHere();">Send data</button><br>
<h2>Settings</h2>
- Server [<a href="" onclick="showServerHelp()">?</a>]:
- <input type="text" id="server" size="30"
- value="http://localhost:8888" />
+ Server [<a href="" onclick="showServerHelp();">?</a>]:
+ <input type="text" id="server" size="30" value="http://localhost:8888" />
Peer ID: <input type="text" id="peer-id" size="10" />
<button id="connect" onclick="connectFromHere();">Connect</button><br/>
PeerConnection <a href="http://goo.gl/xVi12">createOffer MediaConstraints:
@@ -77,22 +99,44 @@
<input type="text" id="dtmf-tones-duration" size="10" value="100" />
gap(ms):
<input type="text" id="dtmf-tones-gap" size="10" value="50" />
- <button onclick="insertDtmfFromHere();">Send</button><br/>
+ <button onclick="insertDtmfFromHere();">Send</button><br/>
Options:
<input type="checkbox" id="force-opus" onclick="forceOpusChanged();"/>
- Force Opus in Outgoing SDP<br/>
+ Force Opus in Outgoing SDP<br/>
<button onclick="clearLog();">Clear Logs</button>
+
<h2>Messages</h2>
<pre id="messages"></pre>
</div>
+
<div id="right-half">
- <h2>Remote Video</h2>
- <video width="320" height="240" id="remote-view" autoplay="autoplay">
- </video><br/>
+
+ <div class="video-area">
+ <h2>Remote Video</h2>
+ <video width="320" height="240" id="remote-view" autoplay="autoplay">
+ </video><br/>
+ </div>
+ <div class="video-area">
+ <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
+ Size: <div id="remote-view-size" class="inline-contents"></div>
+ <div id="remote-view-stream-size" class="inline-contents">(stream size
+ :N/A)</div><br/>
+ </div>
+ <div>
+ Resize: <button onclick="updateVideoTagSize_('remote-view')"> To
+ stream size</button>
+ <button onclick="updateVideoTagSize_('remote-view', 320, 240);">
+ 320x240</button>
+ <button onclick="updateVideoTagSize_('remote-view', 640, 480);">
+ 640x480</button>
+ </div>
+ </div>
+
<h2>Received on data channel</h2>
<textarea id="data-channel-receive" rows="7" cols="40" disabled="true">
</textarea>
- <h2>Sent DTMF tones</h2>
+
+ <h2>Sent DTMF tones</h2>
<textarea id="dtmf-tones-sent" rows="7" cols="40" disabled="true">
</textarea>
« 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