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

Unified Diff: tools/perf/page_sets/webrtc_cases/peerconnection.html

Issue 2761163003: Use local pages for webrtc telemetry tests. (Closed)
Patch Set: Created 3 years, 9 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
Index: tools/perf/page_sets/webrtc_cases/peerconnection.html
diff --git a/tools/perf/page_sets/webrtc_cases/peerconnection.html b/tools/perf/page_sets/webrtc_cases/peerconnection.html
new file mode 100644
index 0000000000000000000000000000000000000000..ddc5b8401f8058d178bcf2814d5b1da89bc5690d
--- /dev/null
+++ b/tools/perf/page_sets/webrtc_cases/peerconnection.html
@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<!-- saved from url=(0072)https://webrtc.github.io/samples/src/content/peerconnection/constraints/ -->
+<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
+
+ <meta name="description" content="WebRTC code samples">
+ <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1, maximum-scale=1">
+ <meta itemprop="description" content="Client-side WebRTC code samples">
+ <meta itemprop="image" content="../../../images/webrtc-icon-192x192.png">
+ <meta itemprop="name" content="WebRTC code samples">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta id="theme-color" name="theme-color" content="#ffffff">
+
+ <!--<base target="_blank">--><base href="." target="_blank">
+
+ <title>Constraints and statistics</title>
+
+ <link rel="icon" sizes="192x192" href="https://webrtc.github.io/samples/src/images/webrtc-icon-192x192.png">
+ <link href="./peerconnection_files/css" rel="stylesheet" type="text/css">
+ <link rel="stylesheet" href="./peerconnection_files/main.css">
+ <link rel="stylesheet" href="./peerconnection_files/main(1).css">
+
+</head>
+
+<body>
+
+ <div id="container">
+
+ <h1><a href="https://webrtc.github.io/samples/" title="WebRTC samples homepage">WebRTC samples</a> <span>Constraints &amp; statistics</span></h1>
+
+ <section id="blurb">
+ <p>This demo shows ways to use constraints and statistics in WebRTC applications.</p>
+ <p>Set camera constraints, and click <strong>Get media</strong> to (re)open the camera with these included. Click <strong>Connect</strong> to create a (local) peer connection. The RTCPeerConnection objects <code>localPeerConnection</code> and <code>remotePeerConnection</code> can be inspected from the console.</p>
+ <p>Setting a value to zero will remove that constraint. </p>
+ <p>The lefthand video shows the output of <code>getUserMedia()</code>; on the right is the video after being passed through the peer connection. The transmission bitrate is displayed below the righthand video.</p>
+ </section>
+
+ <div>
+ <button id="getMedia">Get media</button>
+ <button id="connect" disabled="">Connect</button>
+ <button id="hangup" disabled="">Hang Up</button>
+ </div>
+
+
+ <section id="constraints">
+ <div id="getUserMedia">
+ <div class="input">
+ <h2>Camera constraints</h2>
+ <div id="minWidth">
+ <label>Min width <span>300</span>px:</label>
+ <input type="range" min="0" max="1920" value="300">
+ </div>
+ <div id="maxWidth">
+ <label>Max width <span>640</span>px:</label>
+ <input type="range" min="0" max="1920" value="640">
+ </div>
+ <div id="minHeight">
+ <label>Min height <span>200</span>px:</label>
+ <input type="range" min="0" max="1080" value="200">
+ </div>
+ <div id="maxHeight">
+ <label>Max height <span>480</span>px:</label>
+ <input type="range" min="0" max="1080" value="480">
+ </div>
+ <div id="minFramerate">
+ <label>Min frameRate <span>0</span>fps:</label>
+ <input type="range" min="0" max="60" value="0">
+ </div>
+ <div id="maxFramerate">
+ <label>Max frameRate <span>0</span>fps:</label>
+ <input type="range" min="0" max="60" value="0">
+ </div>
+ </div>
+ <div id="getUserMediaConstraints" class="output">{
+ "audio": true,
+ "video": {
+ "width": {
+ "min": "300",
+ "max": "640"
+ },
+ "height": {
+ "min": "200",
+ "max": "480"
+ }
+ }
+}</div>
+ </div>
+
+ </section>
+
+ <section id="video">
+ <div id="localVideo">
+ <video autoplay="" muted=""></video>
+ <div></div>
+ </div>
+ <div id="remoteVideo">
+ <video autoplay="" muted=""></video>
+ <div></div>
+ <div id="bitrate"></div>
+ <div id="peer"></div>
+ </div>
+ </section>
+
+ <section id="statistics">
+ <div id="senderStats"></div>
+ <div id="receiverStats"></div>
+ </section>
+
+ <a href="https://github.com/webrtc/samples/tree/gh-pages/src/content/peerconnection/constraints" title="View source for this page on GitHub" id="viewSource">View source on GitHub</a>
+
+ </div>
+
+ <script async="" src="./peerconnection_files/analytics.js"></script><script src="./peerconnection_files/adapter-latest.js"></script>
+ <script src="./peerconnection_files/common.js"></script>
+ <script src="./peerconnection_files/main.js"></script>
+ <script src="./peerconnection_files/ga.js"></script>
+
+
+
+</body></html>

Powered by Google App Engine
This is Rietveld 408576698