index.html (107 lines of code) (raw):
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<meta http-equiv="expires" content="0"/>
<script src="detect.js"></script>
<script src="jquery.js"></script>
<script src="bootstrap.js"></script>
<link rel="stylesheet" href="bootstrap.css"/>
<title>WebRTC Test Landing Page</title>
</head>
<body>
<div class="row">
<div class="hero-unit span12 offset2" style="text-align:center">
<h2>WebRTC Test Landing Page</h2>
<p>Following are a few pages to test various aspects of Mozilla's implementation of WebRTC.</p>
</div>
</div>
<div class="row">
<div id="gum" class="span12 offset2 alert alert-error" style="display: none;">
<button type="button" class="close" data-dismiss="alert">×</button>
<h4>getUserMedia is missing!</h4>
This page only works when loaded loaded <a href="https://mozilla.github.io/webrtc-landing/">via HTTPS</a> as getUserMedia() can only be accessed via HTTPS.
</div>
</div>
<div class="row">
<div id="pc" class="span12 offset2 alert alert-error" style="display: none;">
<button type="button" class="close" data-dismiss="alert">×</button>
<h4>RTCPeerConnection is missing!</h4>
This page only works when loaded loaded <a href="https://mozilla.github.io/webrtc-landing/">via HTTPS</a> as RTCPeerConnectio() is only available via HTTPS.
</div>
</div>
<div class="row">
<div id="pc" class="span12 offset2 alert" style="display: none;">
<button type="button" class="close" data-dismiss="alert">×</button>
<h4>Your Firefox is old.</h4>
You have an older version of Firefox that supports WebRTC but may have an
incompatible API. For best results, please download the latest <a
href="https://nightly.mozilla.org/">Nightly</a>!
</div>
<div class="row offset2">
<div class="span3">
<div class="well">
<h3>getUserMedia example</h3>
<p></p>
<p><a class="btn btn-large" href="gum_test.html">Try Demo</a></p>
<h5>getUserMedia AEC test</h5>
<p><a class="btn btn-small" href="gum_test_aec.html">AEC-in-gUM test</a></p>
</div>
</div>
<div class="span3">
<div class="well">
<h3>Single host 'chat'</h3>
<p>Single host 'chat' via RTCPeerConnection.</p>
<p><a class="btn btn-large" href="pc_test.html">Try Demo</a></p>
</div>
</div>
<div class="span3">
<div class="well">
<h3>Single host DataChannels</h3>
<p><a class="btn btn-large" href="data_test.html">Try Demo</a></p>
<h5>One-way latency test</h5>
<p><a class="btn btn-small" href="data_latency_test.html">Latency test</a></p>
</div>
</div>
<div class="span3">
<div class="well">
<h3>Canvas captureStream()</h3>
New and cool... (and updated)
<p><a class="btn btn-large" href="canvas_demo.html">Try Canvas Demo</a></p>
<p><a class="btn btn-large" href="canvas_filter_demo.html">Try Filter Demo</a></p>
</div>
</div>
</div>
<div class="row offset2">
<div class="span6">
<div class="well">
<h3>Multi-person video chat</h3>
<a href="https://talky.io/">Talky.io</a><br>
<a href="https://whereby.com/">Whereby (formerly appear.in)</a><br>
<h4>File transfer sites:</h4>
<a href="https://sharedrop.io/">sharedrop.io</a> Easy local-lan
p2p file transfer<br>
</div>
</div>
<div class="span6">
<div class="well">
<h3>"Fiddle" examples/demos</h3>
<!-- this can be a separate page -->
</div>
</div>
</div>
<hr>
<br>
<script>
if (!navigator.mediaDevices.getUserMedia) {
document.getElementById("gum").style.display = "block";
}
if (!window.RTCPeerConnection) {
document.getElementById("pc").style.display = "block";
}
if (BrowserDetect.browser != "Firefox" ||
parseInt(BrowserDetect.version, 10) < 19) {
document.getElementById("version").style.display = "block";
}
</script>
</body>
</html>