perf/page_sets/webrtc_cases/codec_constraints.html - chromium/src/tools - Git at Google

 <!DOCTYPE html>
 <!--
  * Copyright 2017 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
 -->
 <html>
 <head>


   <base target="_blank">

   <title>Video codec constraints</title>


 </head>

 <body>

   <div id="container">

     <div class="highlight">
       <p>New codelab: <a href="https://codelabs.developers.google.com/codelabs/webrtc-web">Realtime communication with WebRTC</a></p>
     </div>

     <h1><a href="//webrtc.github.io/samples/" title="WebRTC samples homepage">WebRTC samples</a> <span>Peer connection with codec constraints</span></h1>

     <video id="localVideo" autoplay muted></video>
     <video id="remoteVideo" autoplay></video>

     <div>
        <h2>Video Codec Constraints</h2>
        <input type="radio" id="H264" name="Codec" value="H264" checked>H264<br>
        <input type="radio" id="VP8" name="Codec" value="VP8" checked>VP8<br>
        <input type="radio" id="VP9" name="Codec" value="VP9" checked>VP9<br><br>
     </div>
     <div>
       <button id="startButton">Start</button>
       <button id="callButton">Call</button>
       <button id="hangupButton">Hang Up</button>
     </div>

     <p>View the console to see logging. The <code>MediaStream</code> object <code>localStream</code>, and the <code>RTCPeerConnection</code> objects <code>pc1</code> and <code>pc2</code> are in global scope, so you can inspect them in the console as well.</p>

     <p>For more information about RTCPeerConnection, see <a href="http://www.html5rocks.com/en/tutorials/webrtc/basics/" title="HTML5 Rocks article about WebRTC by Sam Dutton">Getting Started With WebRTC</a>.</p>


     <a href="https://github.com/webrtc/samples/tree/gh-pages/src/content/peerconnection/codec_constraints" title="View source for this page on GitHub" id="viewSource">View source on GitHub</a>

   </div>


 <script src="codec_constraints.js"></script>
 <script src="adapter.js"></script>
 <script src="common.js"></script>
 </body></html>
	<!DOCTYPE html>
	<!--
	* Copyright 2017 The Chromium Authors. All rights reserved.
	* Use of this source code is governed by a BSD-style license that can be
	* found in the LICENSE file.
	-->
	<html>
	<head>


	<base target="_blank">

	<title>Video codec constraints</title>


	</head>

	<body>

	<div id="container">

	<div class="highlight">
	<p>New codelab: <a href="https://codelabs.developers.google.com/codelabs/webrtc-web">Realtime communication with WebRTC</a></p>
	</div>

	<h1><a href="//webrtc.github.io/samples/" title="WebRTC samples homepage">WebRTC samples</a> <span>Peer connection with codec constraints</span></h1>

	<video id="localVideo" autoplay muted></video>
	<video id="remoteVideo" autoplay></video>

	<div>
	<h2>Video Codec Constraints</h2>
	<input type="radio" id="H264" name="Codec" value="H264" checked>H264<br>
	<input type="radio" id="VP8" name="Codec" value="VP8" checked>VP8<br>
	<input type="radio" id="VP9" name="Codec" value="VP9" checked>VP9<br><br>
	</div>
	<div>
	<button id="startButton">Start</button>
	<button id="callButton">Call</button>
	<button id="hangupButton">Hang Up</button>
	</div>

	<p>View the console to see logging. The <code>MediaStream</code> object <code>localStream</code>, and the <code>RTCPeerConnection</code> objects <code>pc1</code> and <code>pc2</code> are in global scope, so you can inspect them in the console as well.</p>

	<p>For more information about RTCPeerConnection, see <a href="http://www.html5rocks.com/en/tutorials/webrtc/basics/" title="HTML5 Rocks article about WebRTC by Sam Dutton">Getting Started With WebRTC</a>.</p>


	<a href="https://github.com/webrtc/samples/tree/gh-pages/src/content/peerconnection/codec_constraints" title="View source for this page on GitHub" id="viewSource">View source on GitHub</a>

	</div>


	<script src="codec_constraints.js"></script>
	<script src="adapter.js"></script>
	<script src="common.js"></script>
	</body></html>