blob html 预览_初识 HTML5 Video Blob

为何会有一个 blob？直接点击这个链接，返回了 404！什么情况？于是对此做了一番探索。

Examples

The following simple example loads a video chunk by chunk as fast as possible, playing it as soon as it can. This example was written by Nick Desaulniers and can be viewed live here.

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

var assetURL = 'frag_bunny.mp4';

// Need to be specific for Blink regarding codecs

// ./mp4info frag_bunny.mp4 | grep Codec

var mimeCodec = 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"';

if ('MediaSource' in window && MediaSource.isTypeSupported(mimeCodec)) {

var mediaSource = new MediaSource();

//console.log(mediaSource.readyState); // closed

video.src = URL.createObjectURL(mediaSource);

mediaSource.addEventListener('sourceopen', sourceOpen);

}