IOS開(kāi)發(fā)中HTML5到底需要多少種編碼格式是本文要介紹的內(nèi)容，主要是來(lái)了解HTML5到底需要多少編碼格式才能支撐的起來(lái)，來(lái)看詳細(xì)內(nèi)容。

HTML5 的 <video> 標(biāo)簽真的很威武，幾乎所有的主流瀏覽器可以直接提供本地的視頻播放功能，相對(duì)于以前通過(guò) Flash 這種類(lèi)似“中繼”的播放方式，要先進(jìn)很多。同時(shí)也為一些不支持 Flash 播放的移動(dòng)設(shè)備帶來(lái)的希望。

也許，你會(huì)因?yàn)?<video> 標(biāo)簽可以支持到的視頻種類(lèi)而感到困惑。嗯，到底為了實(shí)現(xiàn) HTML5 的特性，到底要轉(zhuǎn)換多少種編碼格式的視頻？WebM，Ogg 還是 MP4？那…iPhone 和 Android 又需要哪種編碼格式？如果我還要提供高、中、低三種碼率的視頻呢？

下面就來(lái)看看到底 HTML5 <video> 標(biāo)簽的詳細(xì)情況吧。

關(guān)于 Web 格式

目前來(lái)說(shuō)，廣泛被瀏覽器支持的的視頻編碼格式總共有三種，但是沒(méi)有一種可以達(dá)到通吃所有瀏覽器的境界。所以對(duì)于同一個(gè)視頻，至少需要兩種格式，才能在所有瀏覽器里播放。

首先要選擇一個(gè)被支持最多的視頻格式，那么就是 MP4 + H.264 這個(gè)組合了，音頻方面則是 AAC 或者 MP3。MP4 封裝的視頻，可以在 Safari、Chrome 和 IE9 里播放（悲劇的是 IE9 只支持 Windows Vsita 和 Windows 7）。同時(shí)，這個(gè)組合也是你通過(guò) Flash 來(lái)作為播放器播放的最好選擇了，同時(shí)這個(gè)組合也可以在很多手持設(shè)備上播放，比如 iOS、Android、Blackberry、PSP、PS3 等等。在 H.264 編碼的時(shí)候，可以選擇 “High Profile” 以獲得最好的編碼質(zhì)量，或者 “Baseline” 來(lái)應(yīng)對(duì)一些移動(dòng)設(shè)備。

除此之外，還有兩個(gè)組合，WebM + VP8 和 Ogg + Theora + Vorbis 來(lái)滿(mǎn)足其他的瀏覽器。WebM 可以在 Firefox（4.0+）、Chrome（6.0+）和 Opera（10.60+）中播放；Ogg 可以在 Firefox（3.5+）、Chrome（3.0+）和 Opera（10.54+）中播放。

那么問(wèn)題又來(lái)了，如果要從中選擇一個(gè)，是 Ogg 呢，還是 WebM 呢？

從我們（Zencoder）來(lái)看，WebM 肯定是未來(lái)開(kāi)放式視頻格式的領(lǐng)跑者，VP8 比起 Theora 來(lái)說(shuō)，要更加的優(yōu)秀，而且還有強(qiáng)大的社區(qū)作為其后盾，特別是 Google 的支持。

反過(guò)來(lái)看 Ogg，其最大的特點(diǎn)是她支持了 44.64% 的瀏覽器（譯者注：這里應(yīng)該是指瀏覽器分部率中，可以播放的比例），而 WebM 僅支持 9.35% 的瀏覽器。如果僅著眼于 2010 年 10 月，那么 Ogg 也是一個(gè)不錯(cuò)的選擇。如果你是為了未來(lái)的 1-2 年，那么WebM 似乎更有優(yōu)勢(shì)一些。

推薦：MP4 + WebM 或者 Ogg 其中一種，當(dāng)然全部都編碼出來(lái)也可以 ^^。

關(guān)于移動(dòng)設(shè)備

和瀏覽器的情況一樣，在移動(dòng)設(shè)備上也沒(méi)有一個(gè)可以通吃全盤(pán)的編碼方案。不同的移動(dòng)設(shè)備有著不同的編碼標(biāo)準(zhǔn)，甚至比起瀏覽器領(lǐng)域來(lái)說(shuō)，更加的復(fù)雜。不過(guò)還是有一些方案可以讓你省不少精力的。

在這里你可以查看一個(gè)完整的移動(dòng)設(shè)備編碼列表。

1、現(xiàn)在絕大多數(shù)的移動(dòng)設(shè)備都支持 MP4/H.264。包括 iOS 系列的產(chǎn)品（iPhone、iPod、iPad、Apple TV 等），絕大多數(shù)的 Android 設(shè)備，新的黑莓手機(jī)。對(duì)于這類(lèi)設(shè)備，編碼的時(shí)候應(yīng)該選擇 “Baseline”。在分辨率上，對(duì)于 iOS 和 Android 設(shè)備，選擇不高于 640×480 的分辨率即可，對(duì)于黑莓系列手機(jī)，選擇不高于 480×360 的分辨率即可。

注意：可以在 iPhone 上播放的這類(lèi)編碼格式，同樣也可以在 HTML5（當(dāng)然僅僅是一部分瀏覽器） 或者 Flash 中播放。如果你怕麻煩或者想節(jié)省一些轉(zhuǎn)換花費(fèi)的時(shí)間，可以考慮選擇在編碼的時(shí)候，不高于 iOS 系列設(shè)備和 Android 系列設(shè)備的分辨率。如果你不怕麻煩，并且視頻在不同的碼率上表現(xiàn)差異很大，或者需要在電腦上有更清晰的表現(xiàn)，就多編碼出來(lái)幾個(gè)不同的碼率吧。

2、對(duì)于一些老的移動(dòng)設(shè)備，選擇 3GP/MPEG4。絕大多數(shù)的黑莓手機(jī)和一些 Android 的手機(jī)，都支持這種格式。同時(shí)，3GP 在 iPhone 和 iPod 上都可以播放。

3、關(guān)于 WebM，現(xiàn)在也許還不是一個(gè)好的選擇，雖然在一些 Android 的手機(jī)上已經(jīng)可以播放，但是支持還不是很廣泛。預(yù)計(jì)未來(lái) 1-2 年會(huì)有更多的支持 WebM 格式的手機(jī)。

推薦：怕麻煩則 MP4 格式，640×480 或者 480×360。不在乎編碼時(shí)間和存儲(chǔ)空間，就應(yīng)該選擇三種 MP4 編碼方案（480×360，640×480，720p + “Main profile” ）

外加一到兩種 3GP 格式（320×240 或者 176×144），可以參考這份日志來(lái)獲取更加詳細(xì)的編碼參數(shù)。

關(guān)于多種比特率

有可能你在考慮，是不是要為帶寬很足的用戶(hù)準(zhǔn)備高比特率的視頻，并且為了照顧小帶寬的用戶(hù)，另外再準(zhǔn)備一份低比特率的視頻呢？如果你的用戶(hù)已經(jīng) 開(kāi)始在互聯(lián)網(wǎng)上觀看高清的視頻，那么為了迎合這類(lèi)用戶(hù)的習(xí)慣和用戶(hù)體驗(yàn)，那么答案則為是。可以考慮提供 2-3 種不同比特率或者分辨率的視頻來(lái)滿(mǎn)足使用不同互聯(lián)網(wǎng)連接方式的用戶(hù)。比如提供一份 640×360 和 一份 1280×720 的選擇。未來(lái)我們會(huì)更多的討論這個(gè)問(wèn)題。

關(guān)于流媒體播放

本篇文章不討論關(guān)于流媒體的問(wèn)題，并且 RTMP（Flash）、Smooth Streaming（Silverlight）、HTTP Live Streaming（iOS）都要求特殊的視頻格式。這已經(jīng)超出了我們要討論的范圍了。未來(lái)將會(huì)有相關(guān)的文章進(jìn)行討論

結(jié)論

1、最低限度的支持 HTML5，應(yīng)該選擇 MP4 + WebM 或者 Ogg 其中的至少一種，并且使用 Flash 來(lái)播放 MP4 以便提供向下兼容支持。

2、移動(dòng)設(shè)備方面，H.264/MP4 會(huì)讓你省心很多，如果可以提供 2-3 種不同分辨率和碼率的視頻，會(huì)大大增加兼容性。

建議

以下是關(guān)于所有類(lèi)型的視頻編碼方案建議，Zencoder 支持以下列出的所有編碼格式（廣告了…）

1、只為能播放

HTML5，F(xiàn)lash和移動(dòng)設(shè)備：MP4/H.264，使用 “Baseline” 編碼，480×360 或者 640×480

HTML5：WebM 或者 Ogg

2、更上一層樓

HTML5，F(xiàn)lash：MP4/H.264，“High profile” 編碼

HTML5：WebM  
HTML5：Ogg 

移動(dòng)設(shè)備：MP4/H.264，“Baseline profile” 編碼，分辨率 480×360 或者 640×480

3、我要支持所有設(shè)備和瀏覽器

HTML5，F(xiàn)lash：MP4/H.264，“High profile” 編碼

HTML5： WebM  
HTML5：Ogg 

移動(dòng)設(shè)備：MP4/H.264，“Baseline profile” 編碼，分辨率選擇 480×360 以便提供高兼容性

移動(dòng)設(shè)備：MP4/H.264，“Main profile” 編碼，分辨率 1280×720 以便支持新的設(shè)備（如 iPhone4、iPad 和 Apple TV）

移動(dòng)設(shè)備：3GP/MPEG4，分辨率320×240 和（或） 177×144 以便支持非智能手機(jī)。

小結(jié)：IOS開(kāi)發(fā)中HTML5到底需要多少種編碼格式的內(nèi)容介紹完了，希望通過(guò)本文的學(xué)習(xí)能對(duì)你有幫助！