capturestream.html

Enable keyboard shortcuts

<!DOCTYPE html>

<meta charset='UTF-8'>

<!--

Clear the canvas to green and capture it to a stream to test that we can get

the stream to screen in a local video element.

-->

<html class="reftest-wait">

<head>

  <script type='text/javascript'>

function finished() {

  document.documentElement.removeAttribute("class");

function runTest() {

  var canvas = document.getElementById('canvas');

  var context = canvas.getContext('2d');

  context.fillStyle = "rgba(0, 255, 0, 1)";

  context.fillRect(0, 0, canvas.width, canvas.height);

  var video = document.getElementById('video');

  video.srcObject = canvas.captureStream(0);

  video.play();

  video.onloadeddata = finished;

  video.onerror = finished;

  </script>

</head>

<body onload='runTest();'>

  <video id='video' width='256' height='256'></video>

  <canvas id='canvas' width='256' height='256' style="display:none"></canvas>

</body>

</html>