在HTML4中，浏览器并没有实现对多媒体文件的播放，于是Flash应运而生，给浏览器实现事动画、视频、音频等的播放，于是Flash红级一时。
HTML5的到来，带来了浏览器卫生对动画、视频、音频的支持，导致了Flash的淘汰。
在HTML5中，如果我们需要对一个视频文件播放，我们仅仅只需要简单实用以下代码：
<video src='xxxx' controls="controls"></video>
在上面这段代码中，我们只简单写了一个标签，就可以实现视频的播放，但是这段带码有很强的限制，video支持的文件格式是很有限的
格式 IE Firefox Opera Chrome Safari
Ogg No 3.5+ 10.5+ 5.0+ No
MPEG 49.0+ No No 5.0+ 3.0+
WebM No 4.0+ 10.6+ 6.0+ No
从上表中我们可以看到Video标签支持的文件格式是由限制的，那么我们先支持一些其他文件格式，有什么办法呢？
这个办法就是我们今天的主题，Media Source Extensions 媒体源扩展（以下简称MSE），顾明思议，这个API就是用于扩展文件格式的。
MSE扩展了HTMLMediaElement，允许JavaScript生成媒体流以支持回放。这可以用于自适应流（adaptive streaming）及随时间变化的视频直播流（live streaming）等应用场景。
通过自适应流我们可以实现FLV等格式的文件办法。
在MSE主要有一个类MediaSource。
MediaSource是MSE表示媒体资源HTMLMediaElement对象的接口。MediaSource对象可以附着在HTMLMediaElement在客户端进行播放。
