Stream video using the MediaSource API

constNUM_CHUNKS=5;
varvideo=document.querySelector('video');
video.src=video.webkitMediaSourceURL;
video.addEventListener('webkitsourceopen',function(e){
varchunkSize=Math.ceil(file.size/NUM_CHUNKS);
// Slice the video into NUM_CHUNKS and append each to the media element.
for(vari=0;i < NUM_CHUNKS;++i){
varstartByte=chunkSize*i;
// file is a video file.
varchunk=file.slice(startByte,startByte+chunkSize);
varreader=newFileReader();
reader.onload=(function(idx){
returnfunction(e){
video.webkitSourceAppend(newUint8Array(e.target.result));
logger.log('appending chunk:'+idx);
if(idx==NUM_CHUNKS-1){
video.webkitSourceEndOfStream(HTMLMediaElement.EOS_NO_ERROR);
}
};
})(i);
reader.readAsArrayBuffer(chunk);
}
},false);