index.html

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>media-stream-transmuxer Demo</title>
</head>
<body>
  <video controls id="test-video">
  </video>
  <ul>
    <li><a href="/test/debug.html">Run unit tests in browser.</a></li>
  </ul>
  <script src="dist/media-stream-transmuxer.js"></script>
  <script>

    (function(window, XhrStreamer) {
      var video = window.video = document.getElementById('test-video');
      var streamer = window.streamer = new MediaStreamTransmuxer(video);

      streamer.on('supported-formats', function(e) {
        var selected = e.detail.supportedFormats[0];

        console.log('selecting format:', selected)
        streamer.selectFormat(selected);
      });

      streamer.startStream(window.location.origin + '/oceans.mp4');

    }(window, window.XhrStreamer));
  </script>
</body>
</html>