也是一個小菜鳥，一次在做練習(xí)時遇到一個問題，就是在html5頁面中嵌入視頻的時候頁面中只顯示聲音卻不顯示圖像。HTML5中并沒有指定視頻解碼器，它留給了瀏覽器來決定。雖然Safari和Internet Explorer9可以支持H.264格式(注：H.264是公認(rèn)的mp4的標(biāo)準(zhǔn)編碼)的視頻，F(xiàn)irefox和Opera是堅持開源Theora 和Vorbis格式。因此，指定HTML5的視頻時，你必須提供這兩種格式。剛開始我以為視頻的格式不對，我嵌入的視頻是mp4格式的，可是試了好多次結(jié)果都一樣，只有聲音不顯示圖像，以前從沒遇到過這種情況，瞬間懵了。后來上網(wǎng)查了查，才知道原來視頻不光區(qū)分格式，相同的格式的情況下還區(qū)分編碼。就拿mp4格式的視頻來說吧，mp4有3種編碼，mpg4(xdiv),mpg4(xvid)，avc(h264)，這三種格式雖然在播放器里可以正常播放，但是mpg(xdiv),mpg4(xvid)這兩種格式嵌到html5頁面里的時候就會出現(xiàn)上述我說的那種情況，轉(zhuǎn)換成H264編碼就可以網(wǎng)頁正常播放了。可是如何給我們的視頻轉(zhuǎn)碼(轉(zhuǎn)換編碼)呢？下面我就介紹一下如何使用格式工廠來轉(zhuǎn)碼(之所以我介紹用格式工廠來轉(zhuǎn)碼是因為我覺得格式工廠的功能太強大了，不僅能轉(zhuǎn)換視頻的格式還可以剪輯視頻、音頻，竟然還可以轉(zhuǎn)換視頻的編碼，集多功能于一身)：對于擴展名相同的視頻文件它們的視頻的編碼可能是不一樣的，如mp4格式的視頻的編碼就可能是mpg4(xdiv)或mpg4(xvid)或avc(h264)，在用格式工廠軟件進(jìn)行視頻轉(zhuǎn)換時可以設(shè)置視頻的編碼格式，使視頻可以讓不同的播放器打開。

第一步：打開格式工廠軟件，這里我以把視頻轉(zhuǎn)換為mp4格式為例說明單擊[->mp4]按鈕

、內(nèi)容點評

本文以輕松幽默的語氣，講解了視頻編解碼的一些基本常識，并以愛奇藝為例，講述了視頻編解碼技術(shù)在國內(nèi)的發(fā)展以及未來的一些展望。

▼ 閱讀本文需要有一些音視頻編解碼技術(shù)的基礎(chǔ)，否則請先閱讀以下文章：

《即時通訊音視頻開發(fā)（一）：視頻編解碼之理論概述》

《即時通訊音視頻開發(fā)（二）：視頻編解碼之?dāng)?shù)字視頻介紹》

《即時通訊音視頻開發(fā)（三）：視頻編解碼之編碼基礎(chǔ)》

《即時通訊音視頻開發(fā)（十九）：零基礎(chǔ)，史上最通俗視頻編碼技術(shù)入門》

本文并未就具體的視頻編解碼概念進(jìn)行深入的討論，目的是盡可能以淺顯易懂的方式讓讀者輕松了解本文標(biāo)題想呈現(xiàn)的內(nèi)容。如果您想深入了解視頻編解碼技術(shù)，可繼續(xù)閱讀以下文章。

▼ 以下是比較深入的視頻編解碼相關(guān)文章：

《即時通訊音視頻開發(fā)（四）：視頻編解碼之預(yù)測技術(shù)介紹》

《即時通訊音視頻開發(fā)（五）：認(rèn)識主流視頻編碼技術(shù)H.264》

《即時通訊音視頻開發(fā)（十三）：實時視頻編碼H.264的特點與優(yōu)勢》

《即時通訊音視頻開發(fā)（十七）：視頻編碼H.264、VP8的前世今生》

《即時通訊音視頻開發(fā)（十八）：詳解音頻編解碼的原理、演進(jìn)和應(yīng)用選型》

《移動端實時音視頻直播技術(shù)詳解（四）：編碼和封裝》

《[觀點] WebRTC應(yīng)該選擇H.264視頻編碼的四大理由》

▼ 愛奇藝技術(shù)產(chǎn)品團隊還分享了其它兩篇文章，有興趣也可以讀一讀：

《愛奇藝移動端網(wǎng)絡(luò)優(yōu)化實踐分享：網(wǎng)絡(luò)請求成功率優(yōu)化篇》

《愛奇藝技術(shù)分享：愛奇藝Android客戶端啟動速度優(yōu)化實踐總結(jié)》

歡迎關(guān)注“即時通訊技術(shù)圈”，更多好文會同步發(fā)布在公眾號.

（本文同步發(fā)布于：http://www.52im.net/thread-3028-1-1.html）

圖網(wǎng)長期致力于web前端開發(fā)，難免會和各種視頻、音頻打交道，除了常見的mp4、mp3等格式，其實還有m3u8、oga等等其他沒有那么常見的格式，那么你都了解了嗎？下面介紹一下html5常見的音視頻格式和解決方案。

萬能播放插件js

1.ckplayerhttp://www.ckplayer.com/

2.Sewise Player

一款專業(yè)的免費網(wǎng)頁HTML5視頻、流播放器，它功能強大，體積小，跨平臺，兼容性好，使用方便簡潔。確定html5與flash播放的優(yōu)先級。支持跨終端播放，不僅適用PC端播放，也適配ipad、iphone、android手機、平板電腦等移動終端。 支持多系統(tǒng)多平臺，PC端支持Window、MacOS、Linux 等，移動端支持Android、IOS、Window Phone等。 兼容HTML5，確保98％的互聯(lián)網(wǎng)用戶可以看到您的視頻。 支持多瀏覽器兼容，IE6/7/8/9/10、Chrome、Firefox、Safari、Opera等。 接收來自任何地方的音視頻流 支持mp4、m3u8、oga、webm、theora、flv、f4v等視頻格式播放。 支持Flash播放m3u8文件，以及AES-128解碼播放。 支持播放地址AMF, AJAX, JOSNP類型請求。 支持PC與Mobile平臺播放器自動識別功能。 支持瀏覽器HTML5與Flash特性檢測。

3.hls

http://www.bootcdn.cn/hls.js/

僅支持hls(m3u8)地址，不支持flv,mp4,mov,f4v,3gp格式，做了跨平臺的適配， 支持PC終端,Android安卓終端,iOS蘋果終端,WP終端的正常播放。

m3u8是m3u的一種，是utf-8格式的，Apple 為了提高流播效率開發(fā)的技術(shù)，特點是將流媒體切分為若干 TS 片段（比如每10秒一段），然后通過一個擴展的 m3u 列表文件將這些 TS 片段集中起來供客戶端播放器接收。可以做多碼率的適配，根據(jù)網(wǎng)絡(luò)帶寬，客戶端會自動選擇一個適合自己碼率的文件進(jìn)行播放，保證視頻流的流暢。

MP4是一套用于音頻、視頻信息的壓縮編碼標(biāo)準(zhǔn)，支持所有音頻和視頻以及高級內(nèi)容（或它們的混合），編碼格式：H.264格式高清

MP4是遵循MPEG-4（ISO 14496-14）的官方容器格式定義的廣義文件擴展名。它可以流媒體化并支持眾多多媒體的內(nèi)容（多音軌(multiple audio)、視頻流(video)、字幕(subtitlestreams)、圖片(pictures)、可變楨率(variable-framerates)、碼率(bitrates)、采樣率(samplerates)等）和高級內(nèi)容(advanced content)（官方稱之為“Richmedia”(超媒體)或“BIFS”(Binary Format for Scenes/二進(jìn)制格式場景），類似2D和3D圖形，動畫、用戶界面、類DVD菜單，上述這些AVI搞不定的東西。

其他相關(guān)的擴展名：

– .m4v：是.mp4文件的錯誤擴展名，由apple提出，支持視頻+音頻，m4v擴展名可以安全地更名為.mp4

– .m4a：是.mp4文件的錯誤擴展名，由apple提出，只支持音頻，m4a擴展名可以安全地更名為.mp4

– .m4p：隨iTunes發(fā)售的DRM(Digital Rights Management/數(shù)字版權(quán)保護技術(shù))產(chǎn)權(quán)保護的文件，使用Apple開發(fā)的DRM sheme

– .m4e：由.sdp修改擴展名的來的文件，Envivio用其于流媒體播放。

– .m4v, -.mp4v, -.cmp, -.divx, .-xvid, .264：raw的mpeg-4視頻流（并非內(nèi)含于mp4）。

– .3gp, -.3g2：手機中使用的格式，其中儲存的內(nèi)容同樣在.mp4未被定義（H.263, AMR(Adaptive Multi Rate/自適應(yīng)多碼率)）。

OGG OGGVobis(oggVorbis)是一種音頻壓縮格式，類似于MP3等的音樂格式。Ogg是完全免費、開放和沒有專利限制的。OggVorbis文件的擴展名是”.ogg”。Ogg文件格式可以不斷地進(jìn)行大小和音質(zhì)的改良，而不影響舊有的編碼器或播放器。

OGV是html5中的一個名為Ogg Theora的視頻格式，起源于ogg容器格式。

webm由Google提出，是一個開放、免費的媒體文件格式。WebM標(biāo)準(zhǔn)的網(wǎng)絡(luò)視頻更加偏向于開源并且是基于HTML5標(biāo)準(zhǔn)的，WebM 項目旨在為對每個人都開放的網(wǎng)絡(luò)開發(fā)高質(zhì)量、開放的視頻格式，其重點是解決視頻服務(wù)這一核心的網(wǎng)絡(luò)用戶體驗。

MOV(QuickTime)它是Apple公司開發(fā)的一種音頻、視頻文件格式，用于存儲常用數(shù)字媒體類型。QuickTime用于保存音頻和視頻信息，包括Apple Mac OS，MicrosoftWindows95/98/NT/2003/XP/VISTA，甚至WINDOWS7在內(nèi)的所有主流電腦平臺支持。

WMV 是微軟推出的一種采用獨立編碼方式并且可以直接在網(wǎng)上實時觀看視頻節(jié)目的文件壓縮格式。WMV格式的主要優(yōu)點包括：本地或網(wǎng)絡(luò)回放、可擴充的媒體類型、部件下載、可伸縮的媒體類型、流的優(yōu)先級化、多語言支持、環(huán)境獨立性、豐富的流間關(guān)系以及擴展性等。

MPG/MPEG(.mpg, .mpeg)

Realmedia(.rm, .rmvb)

AVI(.avi)

Flv/swf

本文由專業(yè)的WEB前端外包公司-切圖網(wǎng)原創(chuàng)，轉(zhuǎn)載請保留版權(quán)（ WEB前端開發(fā)外包www.qietu.com ）切圖網(wǎng)始于2007年，提供高品質(zhì)的前端開發(fā)服務(wù)、前端外包、切圖外包。歡迎來電咨詢！