TML5作為一個(gè)火遍了2016年互聯(lián)網(wǎng)的網(wǎng)紅，前方無(wú)疑是開(kāi)闊而平坦的大道。那么HTML5未來(lái)主要會(huì)應(yīng)用在哪些方向上呢？

在智能手機(jī)和平板電腦爆炸的今天，移動(dòng)端明顯干掉了PC端成為主流，所以無(wú)論開(kāi)發(fā)什么，必定是移動(dòng)先行。

??? 1. HTML5小游戲

未來(lái)的Facebook應(yīng)用生態(tài)系統(tǒng)是基于HTML5的，盡管在HTML 5平臺(tái)開(kāi)發(fā)出游戲非常困難，但游戲開(kāi)發(fā)商卻都愿意那么做。HTML5開(kāi)發(fā)將h5小游戲推上巔峰，投入少，變現(xiàn)快，融合產(chǎn)品營(yíng)銷(xiāo)更是易于傳播。

??? 2. 手機(jī)頁(yè)游的3D化

隨著硬件能力的提升、WebGL標(biāo)準(zhǔn)化的普以及手機(jī)頁(yè)游的逐漸成熟，大量開(kāi)發(fā)者需要?jiǎng)?chuàng)作更加精彩的3D內(nèi)容。

??? 3. 視頻應(yīng)用

不管你是想開(kāi)發(fā)出新型視頻應(yīng)用的開(kāi)發(fā)商如Brightcover還是想開(kāi)發(fā)新型音頻應(yīng)用的開(kāi)發(fā)商如Soundcloud，不論是桌面應(yīng)用還是移動(dòng)應(yīng)用，HTML5都是創(chuàng)新的主旋律。

??? 4 輕應(yīng)用、WebApp、微站

輕應(yīng)用、WebApp、微站HTML5開(kāi)發(fā)移動(dòng)應(yīng)用更靈活。采用HTML5技術(shù)的輕應(yīng)用、WebApp以其開(kāi)發(fā)成本低、周期短、易推廣等優(yōu)勢(shì)，將迅速普及。小程序算是輕應(yīng)用里的領(lǐng)頭羊了，其實(shí)在小程序之前也有很多類(lèi)似的輕應(yīng)用出現(xiàn)。

??? 5. 動(dòng)漫、二次元

HTML5技術(shù)的成熟，將個(gè)宅男們帶來(lái)福利。

動(dòng)漫元素可通過(guò)HTML5來(lái)強(qiáng)化創(chuàng)意，動(dòng)漫形式將具有富媒體的高度交互、MV影音功能，為受眾帶來(lái)更加場(chǎng)景化的二次元體驗(yàn)。

宅男的錢(qián)向來(lái)是最好賺的，這已經(jīng)多次被證明。

??? 6. HTML5移動(dòng)營(yíng)銷(xiāo)

游戲化、場(chǎng)景化、跨屏互動(dòng)，HTML5技術(shù)滿足了廣告主對(duì)移動(dòng)營(yíng)銷(xiāo)的大部分需求，從形式到功能、到傳播。

HTML5移動(dòng)營(yíng)銷(xiāo)的范圍更是廣泛，從互聯(lián)網(wǎng)行業(yè)，到傳統(tǒng)行業(yè)，這種營(yíng)銷(xiāo)無(wú)疑將帶來(lái)大量的精通HTML5移動(dòng)營(yíng)銷(xiāo)的崗位空缺。

??? 7. 在線直播

要說(shuō)HTML5火了整個(gè)2016的it圈，那直播就火了整個(gè)2016的互聯(lián)網(wǎng)圈。

HTML5技術(shù)將會(huì)革新視頻數(shù)據(jù)的傳輸方式，讓視頻直播更加高清流暢。而且，視頻還將與網(wǎng)頁(yè)真正的融為一體，讓用戶看視頻如瀏覽動(dòng)圖一般簡(jiǎn)單輕松。此外，HTML5可以為視頻實(shí)現(xiàn)任意平臺(tái)播放，甚至是人畫(huà)交互。

直播或成為HTML5領(lǐng)域的爆發(fā)點(diǎn)之一。

???8 VR

AR、VR也算是當(dāng)之無(wú)愧的2016熱詞了。

Web VR就是通過(guò)HTML5將虛擬現(xiàn)實(shí)場(chǎng)景嵌入到網(wǎng)頁(yè)，目前已受到谷歌、Facebook等巨頭的擁護(hù)。

Web擴(kuò)展了VR的使用范圍，很多生活化的內(nèi)容納入了VR的創(chuàng)作之中，如實(shí)景旅游，新聞報(bào)道、虛擬購(gòu)物等，其內(nèi)容展示、交互都可以由HTML5引擎輕松創(chuàng)建出來(lái)。

HTML5這一行業(yè)正在走上升的階段，

各大公司都將會(huì)有自己的H5工程師，有自己的H5頁(yè)面和網(wǎng)站，

也將會(huì)通過(guò)H5小游戲，H5頁(yè)面營(yíng)銷(xiāo)來(lái)為品牌做推廣宣傳。

相信H5，把握未來(lái)。

頻是網(wǎng)頁(yè)承載內(nèi)容很重要的一個(gè)元素，也是必不可少的網(wǎng)頁(yè)表現(xiàn)形式（圖、文、表、視、音）之一。曾經(jīng)網(wǎng)頁(yè)要想播放視頻、制作游戲，必須得用第三方插件flash。不僅編寫(xiě)代碼要使用額外的語(yǔ)言，瀏覽器也必須得裝第三方插件，非常不方便。隨著html5標(biāo)準(zhǔn)逐漸普及，移動(dòng)端、pc端開(kāi)始拋棄flash，如今幾乎所有的瀏覽器都使用html5來(lái)制作視頻。

目標(biāo)

1. 了解Flash為何會(huì)被淘汰？
2. 如何設(shè)置視頻播放？
3. 視頻播放支持哪幾種視頻格式？

flash崛起--網(wǎng)頁(yè)標(biāo)準(zhǔn)的恥辱

flash是Adobe公司其中之一的產(chǎn)品。它發(fā)起于W3C與WHATWG的第五代web標(biāo)準(zhǔn)之爭(zhēng)，它撿了個(gè)大便宜，乘機(jī)定義網(wǎng)頁(yè)媒體標(biāo)準(zhǔn)。

flash填補(bǔ)了當(dāng)時(shí)網(wǎng)頁(yè)只有文字和圖片的單調(diào)世界，將媒體（視頻、音頻、游戲）引入了網(wǎng)頁(yè)，將網(wǎng)頁(yè)帶進(jìn)多彩的世界。

Flash能夠用僅僅十幾K到幾百K的體積，呈現(xiàn)出放大也不會(huì)失真的矢量彩色動(dòng)圖，甚至還能夠做出足以令人沉迷一整天的Flash小游戲。

Flash用第三方插件的身份，幾乎制霸了網(wǎng)頁(yè)媒體的標(biāo)準(zhǔn)，讓W(xué)3C尷尬不已，甚至從某種程度上說(shuō)，讓真正的網(wǎng)頁(yè)標(biāo)準(zhǔn)推廣受阻。

flash衰敗--HTML5崛起并全面普及

2010年4月，蘋(píng)果CEO公開(kāi)表示從此蘋(píng)果所有產(chǎn)品不再支持flash。flash從此慢慢喪失移動(dòng)端的市場(chǎng)和地位。

2012年，安卓宣布不再支持Flash，從此flash徹底失去了移動(dòng)端市場(chǎng)和地位。

2012年html5標(biāo)準(zhǔn)確立，html5在逐漸制霸移動(dòng)端的地位時(shí)，也直接沖擊了flash僅剩的桌面市場(chǎng)，flash桌面市場(chǎng)的份額在逐步下降。

各大瀏覽器逐步默認(rèn)禁用Flash，現(xiàn)2019年幾乎都全部禁用。

Adobe將在2020年停止開(kāi)發(fā)和更新flash。

flash興起衰敗皆因自己

Flash以第三方插件的身份，做著平臺(tái)該做的事情，但沒(méi)有推動(dòng)行業(yè)標(biāo)準(zhǔn)統(tǒng)一化，反而企圖私立標(biāo)準(zhǔn)。

隨著功能的增多，能解碼編碼H.264，能進(jìn)行3D渲染，能播放7.1聲道環(huán)繞聲等，功能集于一身變得臃腫，效率變得低下。

Flash非常不安全。Flash能夠運(yùn)行相當(dāng)復(fù)雜的代碼，這讓Flash非常容易被滲透。加上Adobe在安全方面的不上心，這令Flash安全問(wèn)題頻發(fā)。

Flash很不穩(wěn)定。作為一個(gè)插件，它自身頻頻崩潰也就罷了，還經(jīng)常拉著瀏覽器乃至操作系統(tǒng)一起殉情。

Flash加劇了手機(jī)的耗電量。

html5媒體新標(biāo)準(zhǔn)--Video標(biāo)簽

作用是在 HTML 頁(yè)面中嵌入視頻元素。Video定義視頻，比如電影片段或其他視頻流。

Video標(biāo)簽的屬性

• src 視頻的播放源
• controls 瀏覽器自帶的控制條
• width 視頻寬度
• height 視頻高度
• poster 視頻封面
• autoplay 自動(dòng)播放
• preload 預(yù)加載

有四個(gè)是必須的屬性：src、controls、width、height屬性。

source標(biāo)簽

<video> 元素支持三種視頻格式： MP4, WebM, 和 Ogg。

<source> 元素可以鏈接不同格式的視頻文件。瀏覽器將使用第一個(gè)可識(shí)別的格式。

• src 視頻的播放源
• Type 視頻格式 MP4, WebM, 和 Ogg

總結(jié)

照相機(jī)、留聲機(jī)誕生，解決了人們記錄影像、聲音的需求以來(lái)，人們就不斷地追求著在有限的條件下盡可能地提高這些記錄的品質(zhì)，而從模擬時(shí)代過(guò)渡到數(shù)字時(shí)代以后，這方面的追求有一部分變成了在盡可能小的空間中提供盡可能好的內(nèi)容質(zhì)量，這就催生出了一系列不斷演進(jìn)著的媒體壓縮技術(shù)。

不過(guò)這期課堂的主題尚未來(lái)到媒體編碼的歷史，在講音視頻圖像的壓縮算法進(jìn)化之路前，我們先來(lái)了解一下這些媒體內(nèi)容的載體——容器格式的進(jìn)化歷程。

首先需要區(qū)分清楚的，就是容器格式與媒體編碼格式。

何為容器（Container）

對(duì)于數(shù)字媒體數(shù)據(jù)來(lái)說(shuō)，容器就是一個(gè)可以將多媒體數(shù)據(jù)混在一起存放的東西，就像是一個(gè)包裝箱，它可以對(duì)音視頻數(shù)據(jù)進(jìn)行打包裝箱，將原來(lái)的兩塊數(shù)據(jù)整合到一起，也可以單單只存放一種類(lèi)型的媒體數(shù)據(jù)。它就像電影膠片一樣，中央是一幀一幀的圖像，而兩旁則印有對(duì)應(yīng)的音軌。

舉個(gè)簡(jiǎn)單的例子，常見(jiàn)的MP4就是一種媒體容器格式而不是編碼格式，它里面的視頻編碼可以是現(xiàn)在最常見(jiàn)的AVC/H.264，也可以是它的前任H.263或者下一任——HEVC，音頻編碼可以是常見(jiàn)的AAC也可以是AC-3。

另一個(gè)生僻點(diǎn)的例子：最常見(jiàn)的圖片格式——JPEG，它其實(shí)只是一種壓縮方式，而它的存放方式其實(shí)叫做JFIF（JPEG File Interchange Format），雖然在JPEG標(biāo)準(zhǔn)中定義了一種名為JIF（JPEG Interchange Format）的容器格式，但是因?yàn)槠淙狈δ承╆P(guān)鍵要素，造成了使用的不便而被后來(lái)第三方開(kāi)發(fā)出來(lái)的JFIF容器給取代了，今天我們能夠看到的JPEG文件幾乎都是裝在JFIF容器中的。

雖然今天我們能夠直接拿到的MP4文件里面裝的幾乎都是AVC+AAC的組合，但還是不能混淆了兩者的概念，容器就是個(gè)容器，它沒(méi)得靈魂。

AVI： 老而彌堅(jiān)

AVI可能是和筆者年齡相仿的朋友最早接觸的一個(gè)格式。確實(shí)，它推出的時(shí)間相對(duì)較早，也是許久以前最為常見(jiàn)的一種容器格式。它全稱(chēng)叫做音頻視頻交錯(cuò)（ Audio Video Interleave），顧名思義，它就是簡(jiǎn)單地將視頻與音頻交錯(cuò)在一起，幾幀視頻之后就是對(duì)應(yīng)的音頻段，這樣重復(fù)，直到結(jié)束。

AVI文件的結(jié)構(gòu)示意圖

它由三部分組成，頭部、主體以及位于文件尾部的索引。頭部中含有文件的元數(shù)據(jù)（metadata），比如視頻的分辨率、碼率總幀數(shù)等信息。主體部分是媒體數(shù)據(jù)的存放區(qū)，它使用了塊（chunk）的概念，將原本的視頻流和音頻流分成塊狀進(jìn)行交錯(cuò)放置，就是上面講的一段視頻一段音頻交錯(cuò)放置，而尾部則是用來(lái)放置索引，它用來(lái)記錄每個(gè)數(shù)據(jù)塊在文件中的偏移位置。

紅框標(biāo)注為對(duì)軌道的標(biāo)識(shí)

講到AVI，還可以聯(lián)動(dòng)一下WAV和蘋(píng)果那邊的AIFF，這些容器格式其實(shí)是同源的，來(lái)自于EA（對(duì)，就是現(xiàn)在那個(gè)做游戲的EA）為了讓不同公司開(kāi)發(fā)出來(lái)的軟件之間進(jìn)行數(shù)據(jù)交換而在1985年開(kāi)發(fā)出來(lái)的IFF（Interchange File Format）格式。蘋(píng)果在IFF的基礎(chǔ)上開(kāi)發(fā)出了AIFF，而微軟與IBM將IFF格式使用的大端序改成小端序就成了RIFF（Resource Interchange File Format），也就是AVI、WAV這兩個(gè)容器的基本原型。

AVI雖然老，但是因?yàn)樗詭瑸閱挝话褦?shù)據(jù)切成塊來(lái)存放的特性，使得它幾乎支持市面上幾乎所有的音視頻編碼。而它的缺點(diǎn)也有很多，首先因?yàn)樗饕谖募膊康年P(guān)系，所以它并不適合用來(lái)流傳輸；另外在容器中也沒(méi)有時(shí)間戳，只能通過(guò)幀數(shù)和幀率信息來(lái)進(jìn)行計(jì)算，在索引里面并沒(méi)有寫(xiě)明時(shí)間戳—媒體位置的數(shù)據(jù)，所以要在播放AVI時(shí)進(jìn)行快速跳轉(zhuǎn)還需要額外的技術(shù)手段；而媒體數(shù)據(jù)分塊存放也使得它對(duì)很多使用運(yùn)動(dòng)預(yù)測(cè)特性的視頻編碼的支持并不是太好，因?yàn)檫@些幀，比如P幀和B幀，都是通過(guò)I幀進(jìn)行計(jì)算得到的，這就需要訪問(wèn)當(dāng)前幀以外的數(shù)據(jù)了。

MPEG-PS：VCD、DVD的功臣

用電腦播放過(guò)VCD的朋友一定還記得會(huì)在目錄里尋找那個(gè)最大的.DAT文件來(lái)播放，而DVD則是找那個(gè)最大的.VOB。其實(shí)這兩個(gè)格式都是MPEG-PS容器規(guī)范的一種，此PS非彼Photoshop，而是指Program Stream，是MPEG組織在1993年發(fā)布的一個(gè)容器標(biāo)準(zhǔn)，并且隨后寫(xiě)入ISO/IEC國(guó)際標(biāo)準(zhǔn)，除了以上兩種后綴名之外，還有.mpg也用的是這個(gè)標(biāo)準(zhǔn)。

MPEG-PS標(biāo)準(zhǔn)中引入了包的概念，整個(gè)文件由一個(gè)個(gè)包組成，每個(gè)包的大小并不相等，包里面含有這個(gè)包的時(shí)間碼以及對(duì)應(yīng)的音視頻數(shù)據(jù)。

MPEG-PS已經(jīng)隨著時(shí)代的進(jìn)步被廢棄了，它只能存放MPEG-1、MPEG-2、MPEG-4這些出自同門(mén)的視頻編碼，限制性較大。但因?yàn)閂CD和DVD的廣泛流行，實(shí)際上它還是被用的相當(dāng)多的。

MPEG-TS：專(zhuān)為流傳輸而生

MPEG組織不僅僅為音視頻文件的存儲(chǔ)制定了容器標(biāo)準(zhǔn)，還早早地順應(yīng)時(shí)代潮流，為它們的傳輸準(zhǔn)備了相應(yīng)的容器。我們的數(shù)字電視和IPTV用的就是MPEG組織在1995年制定的Transport Stream，也就是TS容器，當(dāng)然它也并不限于這兩個(gè)場(chǎng)景，在現(xiàn)在的低延時(shí)直播系統(tǒng)中，MPEG-TS仍然占據(jù)了絕對(duì)主流的地位，原因就是它的整個(gè)結(jié)構(gòu)就是為了流傳輸而設(shè)計(jì)的。

從IP層到TS包內(nèi)部的結(jié)構(gòu)

一個(gè)TS文件中可以容納多個(gè)TS流，不同的流上面可以帶有不同的音視頻數(shù)據(jù)，這樣通過(guò)接收一個(gè)TS文件，用戶方面可以自由地在這個(gè)TS文件中的多個(gè)子TS流之間進(jìn)行切換，非常適合用于傳輸電視節(jié)目。而它同時(shí)針對(duì)復(fù)雜的傳輸環(huán)境進(jìn)行了針對(duì)性的優(yōu)化，TS流的基礎(chǔ)單位是一個(gè)個(gè)大小僅為188字節(jié)的包，每個(gè)包都有自己的獨(dú)立時(shí)基，并且由于采用了固定大小，所以在傳輸過(guò)程中即使遭遇丟包也很快就可以恢復(fù)正常播放。

發(fā)展到今天，TS仍然在網(wǎng)絡(luò)流傳輸時(shí)代中發(fā)揮著自己重要的作用，在蘋(píng)果主導(dǎo)的HLS（Http Live Streaming）協(xié)議中使用的就是TS流，它比MPEG-DASH更加通用，因?yàn)楹笳邔?duì)于MP4文件進(jìn)行了一定的修改，在老平臺(tái)上面支持不太好，而HLS使用的TS仍然是規(guī)范中的，可以被大多數(shù)設(shè)備兼容。

不過(guò)也因?yàn)門(mén)S分包較多的特性，會(huì)產(chǎn)生一些數(shù)據(jù)冗余，所以在存儲(chǔ)場(chǎng)景中一般不會(huì)使用TS作為容器。

M2TS：專(zhuān)為高清時(shí)代而生

M2TS多見(jiàn)于Blu-ray光盤(pán)和高清錄像（AVCHD）中，它由MPEG-TS修改而來(lái)，加入了對(duì)于高清時(shí)代新的音視頻編解碼支持。

一張Blu-ray視頻光盤(pán)中的M2TS

并且由于TS文件的特性，每一個(gè)小片上都有自己的獨(dú)立時(shí)間戳，這使得文件中一部分?jǐn)?shù)據(jù)即使遭到破壞也不會(huì)影響到其他部分的正常播放，而且可以從中隨意的進(jìn)行切片操作。

ASF：先進(jìn)卻早夭

見(jiàn)過(guò)ASF格式視頻的朋友我想應(yīng)該不會(huì)太多，但是見(jiàn)過(guò)WMV和WMA這兩個(gè)微軟以前主推的媒體編碼格式的朋友肯定有很多。其實(shí)WMV和WMA就是存放在ASF容器之中的，它全稱(chēng)高級(jí)系統(tǒng)格式（Advanced Systems Format），微軟原本計(jì)劃是用它來(lái)作為AVI容器的后繼者的，它具有諸多先進(jìn)的特性，比如說(shuō)它可以包含視頻除了規(guī)格以外的元數(shù)據(jù)，如導(dǎo)演、電影名這些，它也可以提供數(shù)字版權(quán)管理（DRM），還有非常好的流傳輸支持——僅需要加載文件的最小部分即可開(kāi)始播放，這點(diǎn)小編感受過(guò)一次。

ASF文件開(kāi)頭會(huì)用這32個(gè)字節(jié)來(lái)標(biāo)識(shí)自己是個(gè)ASF文件

ASF身上的這些特性在當(dāng)時(shí)還算是比較先進(jìn)的，但不過(guò)這于事無(wú)補(bǔ)，微軟建立它那套封閉媒體格式體系的做法并沒(méi)有得到太多廠商和用戶的支持，大家仍然更喜歡用其他更為開(kāi)放一點(diǎn)的標(biāo)準(zhǔn)，比如MP3就是一個(gè)很好的例子。ASF容器也隨著微軟媒體格式的衰亡而漸漸消失了，我們今天已經(jīng)幾乎看不到WMV、WMA這兩個(gè)曾經(jīng)還很常見(jiàn)的格式的影子了。

RM：昔日王者，如今不見(jiàn)蹤影

與ASF差不多同時(shí)代流行的就是RM和RMVB了，在那個(gè)AVC尚未開(kāi)始普及，DivX和XviD應(yīng)用較少的年代中，RMVB在國(guó)內(nèi)的各大下載站中都占據(jù)了絕對(duì)主流的地位，很多視頻站也大多使用RM來(lái)提供“網(wǎng)絡(luò)視頻點(diǎn)播”的服務(wù)。

RM容器的內(nèi)部結(jié)構(gòu)

不過(guò)RM容器本身并不出彩，索引仍然位于文件尾部，不過(guò)由于數(shù)據(jù)段里面有加入時(shí)間戳，所以在流傳輸時(shí)還是可以應(yīng)付用戶的跳轉(zhuǎn)操作的。因?yàn)檫@個(gè)容器本身與RM編碼息息相關(guān)的原因，它本身也只能容納RM編碼的視頻流，所以在RM編碼沒(méi)落之后我們就很少再看到這些昔日王者了，一個(gè)容器格式想要長(zhǎng)存，要么在設(shè)計(jì)上有其獨(dú)到之處，要么就是要開(kāi)放，在眾多平臺(tái)上面提供支持。而RM兩個(gè)理由都不占，效果又比不過(guò)新興的AVC，所以它的沒(méi)落也是必然了。

FLV：前高清時(shí)代的寵兒

還記得十年前的土豆網(wǎng)嗎？彼時(shí)它還被稱(chēng)為“國(guó)內(nèi)的Youtube”，當(dāng)時(shí)視頻網(wǎng)站普遍都還在用Flash寫(xiě)播放器實(shí)現(xiàn)流視頻播放，而自然而然地，Adobe制定的Flash Video格式就成了這些視頻網(wǎng)站主要使用的容器格式，也就是我們熟知的FLV。

FLV格式是在Flash Player 6中引入的，當(dāng)時(shí)更多的是被存放在SWF文件的內(nèi)部，不過(guò)后來(lái)因?yàn)轶w積越來(lái)越大而直接獨(dú)立了出來(lái)，它的結(jié)構(gòu)相對(duì)而言比較簡(jiǎn)單，主要分為兩塊，位于文件頭部的元數(shù)據(jù)信息和后面的音視頻數(shù)據(jù)。不過(guò)在數(shù)據(jù)的存放上面，F(xiàn)LV是將數(shù)據(jù)分為多個(gè)標(biāo)簽進(jìn)行存儲(chǔ)的，每個(gè)標(biāo)簽都帶有自己的時(shí)間戳，所以這就保證了流傳輸時(shí)的音畫(huà)同步。

由于FLV結(jié)構(gòu)簡(jiǎn)單但是功能足夠用，并且被Flash Player天然支持，所以在當(dāng)時(shí)的視頻網(wǎng)站上面普遍都使用它作為容器，直到今天還有很多網(wǎng)站沒(méi)有放棄它，雖然其中的視頻編碼早已升級(jí)，它也有衍生出來(lái)的F4V作為后繼者，雖然后者的血統(tǒng)已經(jīng)不是Flash家族的了。

F4V：換了血的繼任者

小編還記得土豆網(wǎng)在2009、2010年左右在國(guó)內(nèi)率先開(kāi)始使用H.264編碼，當(dāng)時(shí)如果將清晰度切換到“高清”就會(huì)播放這些用H.264編碼的視頻。而用飛速土豆加速會(huì)緩存到一些.f4v擴(kuò)展名的文件，乍一看還以為它就是FLV，但其實(shí)不然，F(xiàn)4V其實(shí)是MP4所在的ISO標(biāo)準(zhǔn)容器家族的，但也是Adobe搞出來(lái)的FLV的后繼者。關(guān)于后者的詳情，請(qǐng)往下看。

MOV：蘋(píng)果向業(yè)界作出的貢獻(xiàn)

MOV格式的正式名字叫QuickTime File Format。看到這個(gè)QuickTime第一反應(yīng)肯定是“哦，這是蘋(píng)果的東西”。確實(shí)，QuickTime File Format是由蘋(píng)果在1998年推出的，它引入了原子（atom）的概念，在QTFF格式中，atom是基本的數(shù)據(jù)單元，它可以用來(lái)容納實(shí)際的音視頻數(shù)據(jù)，也可以放置元數(shù)據(jù)和字幕等文本信息，atom中所容納的數(shù)據(jù)類(lèi)型和大小在每個(gè)atom的頭部進(jìn)行描述，經(jīng)過(guò)一層層的嵌套之后，整個(gè)數(shù)據(jù)文件呈現(xiàn)了一種樹(shù)狀的結(jié)構(gòu)，并且保留了強(qiáng)大的可擴(kuò)展性。

MOV和MP4這些ISO標(biāo)準(zhǔn)容器格式的開(kāi)頭都有一個(gè)ftyp用于標(biāo)記格式

MOV作為蘋(píng)果QuickTime編碼的成員，在目前仍然被蘋(píng)果設(shè)備廣泛使用著，并且對(duì)于它的支持非常好。1998年推出QTFF的同時(shí)，蘋(píng)果將這個(gè)格式交給了ISO組織，后者將它標(biāo)準(zhǔn)化為國(guó)際通用容器格式，而基于這個(gè)標(biāo)準(zhǔn)衍生出來(lái)的容器，又可以叫做ISO/IEC base media file format，同時(shí)被MPEG組織采納，寫(xiě)入MPEG-4 Part 12標(biāo)準(zhǔn)中。

ISO標(biāo)準(zhǔn)容器格式

ISO標(biāo)準(zhǔn)容器格式是一個(gè)規(guī)范，它代表符合這個(gè)規(guī)范的容器類(lèi)型，而不是特指某個(gè)格式。它是由蘋(píng)果的QuickTime File Format發(fā)展而來(lái)的，在MPEG-4 Part 12中被最終確定并被ISO/IEC組織寫(xiě)入標(biāo)準(zhǔn)。它雖然沒(méi)有具體實(shí)現(xiàn)，但是它定義了基于時(shí)間碼的多媒體文件的通用結(jié)構(gòu)，并由此成為了MP4、3GP等格式的基礎(chǔ)。

3GP、MP4與ISO標(biāo)準(zhǔn)容器格式的關(guān)系

MP4：標(biāo)準(zhǔn)，泛用

MP4肯定是現(xiàn)在最通用最流行的媒體容器，甚至可以說(shuō)沒(méi)有之一。但其實(shí)現(xiàn)在的MP4和早期的并不是同一個(gè)標(biāo)準(zhǔn)，目前常見(jiàn)的MP4標(biāo)準(zhǔn)是在2003年完整的的MPEG-4 Part 14規(guī)范中制定的，到今天為止也經(jīng)過(guò)了多次的修訂。它其實(shí)與MOV之間并沒(méi)有太大的區(qū)別，基本上就是把MOV的atom改了個(gè)名字，叫成box，然后加了一點(diǎn)別的佐料。

MP4的內(nèi)部結(jié)構(gòu)

蘋(píng)果建立iTunes Store賣(mài)數(shù)字音樂(lè)的時(shí)候選擇了AAC-LC作為他們的音頻編碼格式，而容器格式上面他們并沒(méi)有選擇與AAC-LC處于同一時(shí)代（MPEG-2）的ADTS，而是選擇了比AAC-LC大一輩的MPEG-4標(biāo)準(zhǔn)容器，也就是MP4，不過(guò)因?yàn)樗缓纛l所以我們看到的擴(kuò)展名就是.m4a，iTunes Store還賣(mài)一種只有視頻沒(méi)有音頻的MV，它用的也是MP4，擴(kuò)展名為.m4v，本質(zhì)上它們就是同一種東西。

目前很多視頻網(wǎng)站已經(jīng)從FLV切換到MP4上面了，而且還有一種新的MPEG-DASH格式就是借助于MP4可分割的特性實(shí)現(xiàn)的，它將一整段視頻切成許多段小塊，方便瀏覽器進(jìn)行加載，減少HTTP長(zhǎng)連接對(duì)服務(wù)器的壓力。

這里說(shuō)一句題外話，當(dāng)年某站剛上HTML5播放器的時(shí)候，因?yàn)樗麄冊(cè)瓉?lái)的視頻幾乎全部都用的是FLV存儲(chǔ)的，而HTML5標(biāo)準(zhǔn)并不支持它，所以要進(jìn)行一個(gè)容器轉(zhuǎn)換，某站當(dāng)時(shí)一位非常年輕的程序員寫(xiě)出了一個(gè)在瀏覽器內(nèi)實(shí)時(shí)將FLV文件轉(zhuǎn)成MP4并喂給瀏覽器的媒體播放器的腳本，名為flv.js，這個(gè)腳本可能給某站省下了非常大的格式轉(zhuǎn)換成本。不久之后這位程序員因?yàn)槭懿涣四痴镜牡托蕉x職。這件事曾經(jīng)引起了很多社區(qū)的熱烈討論，因?yàn)榻裉焓浅绦騿T日所以特地寫(xiě)了這么一段。

3GP：精簡(jiǎn)小巧，手機(jī)最?lèi)?ài)

3GP是MP4的同族兄弟，一樣是基于ISO標(biāo)準(zhǔn)容器格式，用過(guò)3GP的兄弟肯定還記得這格式最多出現(xiàn)的地方是哪里——以諾基亞為代表的前智能手機(jī)時(shí)代，手機(jī)錄像出來(lái)的文件大多都是3GP格式的。

3GP這個(gè)容器格式標(biāo)準(zhǔn)其實(shí)不是由以往的MPEG啊這類(lèi)專(zhuān)注于多媒體編碼的組織搞出來(lái)的，而是3GPP，對(duì)沒(méi)錯(cuò)就是制定通信行業(yè)標(biāo)準(zhǔn)的那個(gè)組織制定的。它在容器支持的格式上進(jìn)行了精簡(jiǎn)，只面向于手機(jī)可以進(jìn)行的編碼，比如MPEG-4 Visual、H.263這些比較老的視頻編碼和AMR、AAC這兩種前智能手機(jī)時(shí)代使用較多的音頻編碼。

因?yàn)榍爸悄苁謾C(jī)時(shí)代的手機(jī)性能并不強(qiáng)大，一般也不需要支持很多種格式，不用像MP4那么全面，所以3GP最終成為了一種被廣泛支持的格式，不過(guò)也因?yàn)樗С值母袷竭^(guò)于有限，最終在智能手機(jī)時(shí)代被同門(mén)大哥MP4給取代了。

MPEG-DASH

面對(duì)時(shí)下流行的流媒體，MPEG組織對(duì)MP4文件進(jìn)行了魔改，由于MP4天生可以進(jìn)行無(wú)損切割的特性，DASH方式將原本媒體文件中完整的文件頭的元數(shù)據(jù)信息和片段Box中的信息抽取出來(lái)單獨(dú)寫(xiě)在一個(gè)文件（MPD）中，同時(shí)還包含了片段的URL等信息，播放器可以自適應(yīng)選擇需要的片段進(jìn)行播放，在自適應(yīng)程度上面比HLS更強(qiáng)一些。（其實(shí)MPEG-DASH也可以用TS作為容器，但用MP4更多一些）

目前MPEG-DASH已經(jīng)成為了一項(xiàng)國(guó)際標(biāo)準(zhǔn)，人們比較熟悉的應(yīng)用平臺(tái)就是Youtube和Netflix，在這些平臺(tái)上面你會(huì)發(fā)現(xiàn)瀏覽器在不斷地加載一些小的視頻文件，但是視頻的播放是連續(xù)的。

MKV：強(qiáng)大無(wú)需多言，免費(fèi)讓它受愛(ài)

說(shuō)到MKV，喜歡收藏高清電影的朋友肯定不會(huì)陌生，這種容器格式大概是和高清時(shí)代一起發(fā)展起來(lái)的，但其實(shí)它在2002年底就已經(jīng)完成制定了，不過(guò)推廣的很緩慢，到了高清時(shí)代和UHD時(shí)代人們才開(kāi)始發(fā)現(xiàn)這種容器的強(qiáng)大，并用的越來(lái)越多，連微軟都在Windows 10的初始版本中加入了對(duì)它的支持。

MKV的內(nèi)部結(jié)構(gòu)

MKV全名Matroska，它身上最大的特點(diǎn)就是開(kāi)放標(biāo)準(zhǔn)、免費(fèi)使用，而且它可能是目前地球上最強(qiáng)大的數(shù)字媒體容器格式，一個(gè)文件中可以放音頻、視頻、字幕、字體還有章節(jié)信息等等等等，前面東西都是不限數(shù)量任你放多少都可以吃得下的，而且它是目前唯一一個(gè)支持封裝ASS字幕的格式。

值得一提的是，這玩意兒是俄羅斯組織матрёшка搞出來(lái)的，其實(shí)本身是用于盜版的，俄羅斯的網(wǎng)絡(luò)情況跟我們挺像的，網(wǎng)絡(luò)上盜版橫行，而MKV也幫助了文件的傳播，目前來(lái)看，MKV可能是眾多容器格式里面最好用的，無(wú)論是編輯元數(shù)據(jù)還是抽取軌道重新封裝都有GUI工具支持，不過(guò)可惜的是眾多視頻編輯剪輯軟件還是沒(méi)有提供對(duì)它的支持。

總結(jié)

其實(shí)讀到最后你會(huì)發(fā)現(xiàn)，這些容器格式內(nèi)部對(duì)于音視頻數(shù)據(jù)的處理都是大同小異的，區(qū)別點(diǎn)其實(shí)并不大。更多的差距在于它們對(duì)于不同編碼格式的支持程度、元數(shù)據(jù)的詳細(xì)程度以及對(duì)于是否能夠支持音視頻以外的數(shù)據(jù)。

而發(fā)展到至今，MP4仍然夠用，在互聯(lián)網(wǎng)時(shí)代扮演著非常重要的角色；MKV在下載黨那里被奉為圭臬；而TS格式仍然在數(shù)字電視系統(tǒng)中被廣泛使用。但在他們之前的格式也不是說(shuō)非常弱或者不好，只不過(guò)可能是他們支持的那些格式?jīng)]落了順帶著把它們也帶沒(méi)了，真正像AVI那樣確實(shí)在技術(shù)規(guī)格上落伍的容器并不多。

而對(duì)于各種容器之間無(wú)損互轉(zhuǎn)的事情，小編這里推薦mp4box、mkvtoolnix和強(qiáng)大的ffmpeg這些工具。下一篇系列課堂，我們會(huì)轉(zhuǎn)向在如今多媒體領(lǐng)域中扮演無(wú)可替代角色的視頻編碼的變遷史，并且會(huì)看一看未來(lái)的AV1和VVC這兩種對(duì)于大眾來(lái)說(shuō)還很陌生的下一代視頻編碼。