What is this?

This demo splits a .webm video into chunks using the File APIs. The entire movie is then 'streamed' to a <video> element by appending each chunk using the MediaSource API.

Support: Chrome Dev Channel 17+ and the --enable-media-source flag set. The feature can also be enabled via about:flags.


var video = document.querySelector('video');
video.src = video.webkitMediaSourceURL;

video.addEventListener('webkitsourceopen', function(e) {
  ...
  video.webkitSourceAppend(oneChunk);
  ....
}, false);