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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: chrome/test/data/webrtc/manual/peerconnection.html

Issue 368043004: Tidied up some divs and css classes + improved usability (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: nit Created 6 years, 5 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
« no previous file with comments | « no previous file | chrome/test/data/webrtc/manual/peerconnection_manual.js » ('j') | no next file with comments »
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 84fe164139a0edaa27b8a83d52523e4913e8a656..2e1e1ff94f2c2f6139e0290c70de4d38db700155 100644
--- a/chrome/test/data/webrtc/manual/peerconnection.html
+++ b/chrome/test/data/webrtc/manual/peerconnection.html
@@ -11,24 +11,24 @@
<body>
<div id="wrapper">
- <div id="getusermedia-input">
+ <div id="header">
GetUserMedia <a href="http://goo.gl/V7cZg">MediaStreamConstraints</a>:
- <input type="text" id="getusermedia-constraints">
+ <input type="text" id="getusermedia-constraints" wrap="soft">
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><br/>
+ <button class="button-green" id="re-request"
+ onclick="getUserMediaFromHere();">Request GetUserMedia</button><br/>
Audio source <select class="drop-down" id="audiosrc"
onchange="updateGetUserMediaConstraints();"></select>
Video source <select class="drop-down" id="videosrc"
onchange="updateGetUserMediaConstraints();"></select>
- Optional min size<input type="text" id="video-width" value="1280" size="5px"
- onblur="updateGetUserMediaConstraints();">x<input type="text"
- id="video-height" value="720" size="5px"
+ Optional min size <input type="text" id="video-width" value="1280"
+ size="5px" onblur="updateGetUserMediaConstraints();">
+ x <input type="text" id="video-height" value="720" size="5px"
onblur="updateGetUserMediaConstraints();">
<button id="get-devices" onclick="getDevices();">
Get devices</button>
@@ -39,15 +39,12 @@
</div>
<div id="container">
-
- <div id="left-half">
-
+ <div class="left">
<div>
<h2>Local Preview</h2>
<video width="320" height="240" id="local-view" autoplay="autoplay"
- muted class="video-area"></video><br/>
+ muted></video><br/>
</div>
-
<div>
<div>
Size: <div id="local-view-size" class="inline-contents"></div>
@@ -73,40 +70,50 @@
<input type="text" id="pc-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/>
+ <button class="button-green" id="connect" onclick="connectFromHere();">
+ Connect</button><br/>
+
PeerConnection Constraints:
CPU overuse <input type="checkbox" id="cpuoveruse-detection"
onclick="setPeerConnectionConstraints();" checked="true"/>
RTP <input type="checkbox" id="data-channel-type-rtp"
onclick="setPeerConnectionConstraints();"><br/>
- <input type="text" id="pc-constraints" size="80" value="{}"><br/>
+ <input class="width-100" type="text" id="pc-constraints" value="{}" ><br/>
PeerConnection <a href="http://goo.gl/xVi12">
createOffer MediaConstraints:</a><br/>
- <input type="text" id="pc-createoffer-constraints" rows="7" cols="40"
+ <input type="text" class="width-100" id="pc-createoffer-constraints"
value="{}"/><br/>
PeerConnection <a href="http://goo.gl/0TjfX">
createAnswer MediaConstraints:</a><br/>
- <input type="text" id="pc-createanswer-constraints" rows="7" cols="40"
+ <input type="text" class="width-100" id="pc-createanswer-constraints"
value="{}"/><br/>
Call:
- <button onclick="negotiateCallFromHere();">Negotiate</button>
- <button onclick="hangUpFromHere();">Hang up</button><br/>
+ <button class="button-green" onclick="negotiateCallFromHere();">Negotiate
+ </button>
+ <button class="button-red" onclick="hangUpFromHere();">Hang up</button>
+ <br/>
+
Local Stream:
- <button onclick="addLocalStreamFromHere();">Add</button>
- <button onclick="removeLocalStreamFromHere();">Remove</button>
- <button onclick="stopLocalFromHere();">Stop</button>
+ <button class="button-green" onclick="addLocalStreamFromHere();">Add
+ </button>
+ <button class="button-red" onclick="removeLocalStreamFromHere();">Remove
+ </button>
+ <button class="button-red" onclick="stopLocalFromHere();">Stop</button>
<button onclick="toggleLocalVideoFromHere();">Toggle Video</button>
<button onclick="toggleLocalAudioFromHere();">Toggle Audio</button><br/>
+
Remote Stream:
<button onclick="toggleRemoteVideoFromHere();">Toggle Video</button>
<button onclick="toggleRemoteAudioFromHere();">Toggle Audio</button><br/>
+
Data Channel:
<button onclick="createDataChannelFromHere();">Create</button>
<button onclick="closeDataChannelFromHere();">Close</button>
status:
<input type="text" id="data-channel-status" size="10" value="not created"
disabled="true" /><br/>
+
DTMF Sender:
<button onclick="createDtmfSenderFromHere();">Create</button>
tones:
@@ -116,23 +123,19 @@
gap(ms):
<input type="text" id="dtmf-tones-gap" size="10" value="50" />
<button onclick="insertDtmfFromHere();">Send</button><br/>
+
Options:
<input type="checkbox" id="force-isac" onclick="forceIsacChanged();"/>
Force iSAC in Outgoing SDP<br/>
<button onclick="clearLog();">Clear Logs</button>
-
- <h2>Messages</h2>
- <pre id="messages"></pre>
</div>
- <div id="right-half">
-
+ <div class="right">
<div>
<h2>Remote Video</h2>
- <video width="320" height="240" id="remote-view" autoplay="autoplay"
- class="video-area"></video><br/>
+ <video width="320" height="240" id="remote-view" autoplay="autoplay">
+ </video><br/>
</div>
-
<div>
<div>
Size: <div id="remote-view-size" class="inline-contents"></div>
@@ -156,12 +159,20 @@
<h2>Sent DTMF tones</h2>
<textarea id="dtmf-tones-sent" rows="7" cols="40" disabled="true">
</textarea>
+ </div>
- <h2>Debug</h2>
- <pre id="debug"></pre>
+ <div id="footer">
+ <div class="left">
+ <h2>Messages</h2>
+ <pre id="messages"></pre>
+ </div>
+
+ <div class="right">
+ <h2>Debug</h2>
+ <pre id="debug"></pre>
+ </div>
</div>
</div>
</div>
-
</body>
</html>
« no previous file with comments | « no previous file | chrome/test/data/webrtc/manual/peerconnection_manual.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698