<!DOCTYPE html>
<!--
* Copyright (c) 2017 The WebRTC project authors. All Rights Reserved.
*
* Use of this source code is governed by a BSD-style license
* that can be found in the LICENSE file in the root of the source
* tree.
-->
<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>
</body></html>