abstrakt：flv.js 做了三件事：1. HTML5 原生僅支持播放 mp4/webm 格式，flv.js 實(shí)現(xiàn)了在 HTML5 上播放 FLV 格式視頻2. 使 Bilibili 網(wǎng)頁(yè)端平滑過(guò)度到 HTML5 播放器，歷史遺留不再是障礙3. 對(duì)于視頻直播，在 HTML5 上支持了延遲極低 HTTP FLV 播放，解開網(wǎng)頁(yè)端直播對(duì) Flash 的依賴一些人問(wèn)我為什么不直接采用 MP4 格式，并表示對(duì) FLV

flv.js 做了三件事：

1. HTML5 原生僅支持播放 mp4/webm 格式，flv.js 實(shí)現(xiàn)了在 HTML5 上播放 FLV 格式視頻
2. 使 Bilibili 網(wǎng)頁(yè)端平滑過(guò)度到 HTML5 播放器，歷史遺留不再是障礙
3. 對(duì)于視頻直播，在 HTML5 上支持了延遲極低 HTTP FLV 播放，解開網(wǎng)頁(yè)端直播對(duì) Flash 的依賴

一些人問(wèn)我為什么不直接采用 MP4 格式，并表示對(duì) FLV 格式的厭惡
這個(gè)問(wèn)題一方面是歷史遺留問(wèn)題，由于視頻網(wǎng)站前期完全依賴 Flash 播放而選擇 FLV 格式；

另一方面，如果仔細(xì)研究過(guò) FLV/MP4 封裝格式，你會(huì)發(fā)現(xiàn) FLV 格式非常簡(jiǎn)潔，而 MP4 內(nèi)部 box 種類繁雜，結(jié)構(gòu)復(fù)雜固實(shí)而又有太多冗余數(shù)據(jù)。FLV 天生具備流式特征適合網(wǎng)絡(luò)流傳輸，而 MP4 這種使用最廣泛的存儲(chǔ)格式，設(shè)計(jì)卻并不一定優(yōu)雅。

這里我不想談?wù)摱嗝襟w封裝格式的優(yōu)劣。flv.js 是在 HTML5 上實(shí)現(xiàn)自定義視頻格式播放的一個(gè)較好的范例，充分利用了 Media Source Extensions, Fetch API 以及 ECMAScript 6 等 HTML5/Web 上較新的技術(shù)，并考驗(yàn)著這些 API：開發(fā)期間發(fā)現(xiàn) Edge 對(duì) Fetch API 的支持存在 bug，發(fā)現(xiàn)各個(gè)瀏覽器在 MSE 的實(shí)現(xiàn)細(xì)節(jié)上都有一些差異和問(wèn)題，發(fā)現(xiàn) Safari 的 MSE 實(shí)現(xiàn)健壯度較差（滑稽）

在 flv.js 項(xiàng)目初期，Media Source Extensions (MSE) 在國(guó)內(nèi)處于無(wú)人問(wèn)津的狀態(tài)；而 MSE API 已經(jīng)過(guò)近 4 年的發(fā)展演進(jìn)，是 HTML5 多媒體相關(guān)最重要的 API 之一。MSE 是 HTML5 上實(shí)現(xiàn)自定義格式播放的關(guān)鍵，flv.js 開源也是希望 MSE 能被更廣泛地了解和應(yīng)用。

最后，Chrome 等瀏覽器正在加速 Flash 淘汰的進(jìn)程，HTML5 video 由各瀏覽器廠商實(shí)現(xiàn)了高性能硬解，MSE 作為媒體格式擴(kuò)展的補(bǔ)充，flv.js 證明了當(dāng)前 HTML5 多媒體技術(shù)已超越陳舊的 Flash。