整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
也是一個小菜鳥，一次在做練習時遇到一個問題，就是在html5頁面中嵌入視頻的時候頁面中只顯示聲音卻不顯示圖像。HTML5中并沒有指定視頻解碼器，它留給了瀏覽器來決定。雖然Safari和Internet Explorer9可以支持H.264格式(注：H.264是公認的mp4的標準編碼)的視頻，Firefox和Opera是堅持開源Theora 和Vorbis格式。因此，指定HTML5的視頻時，你必須提供這兩種格式。剛開始我以為視頻的格式不對，我嵌入的視頻是mp4格式的，可是試了好多次結果都一樣，只有聲音不顯示圖像，以前從沒遇到過這種情況，瞬間懵了。后來上網查了查，才知道原來視頻不光區分格式，相同的格式的情況下還區分編碼。就拿mp4格式的視頻來說吧，mp4有3種編碼，mpg4(xdiv),mpg4(xvid)，avc(h264)，這三種格式雖然在播放器里可以正常播放，但是mpg(xdiv),mpg4(xvid)這兩種格式嵌到html5頁面里的時候就會出現上述我說的那種情況，轉換成H264編碼就可以網頁正常播放了。可是如何給我們的視頻轉碼(轉換編碼)呢？下面我就介紹一下如何使用格式工廠來轉碼(之所以我介紹用格式工廠來轉碼是因為我覺得格式工廠的功能太強大了，不僅能轉換視頻的格式還可以剪輯視頻、音頻，竟然還可以轉換視頻的編碼，集多功能于一身)：對于擴展名相同的視頻文件它們的視頻的編碼可能是不一樣的，如mp4格式的視頻的編碼就可能是mpg4(xdiv)或mpg4(xvid)或avc(h264)，在用格式工廠軟件進行視頻轉換時可以設置視頻的編碼格式，使視頻可以讓不同的播放器打開。
第一步：打開格式工廠軟件，這里我以把視頻轉換為mp4格式為例說明單擊[->mp4]按鈕
本文以輕松幽默的語氣，講解了視頻編解碼的一些基本常識，并以愛奇藝為例，講述了視頻編解碼技術在國內的發展以及未來的一些展望。
▼ 閱讀本文需要有一些音視頻編解碼技術的基礎，否則請先閱讀以下文章：
《即時通訊音視頻開發（一）：視頻編解碼之理論概述》
《即時通訊音視頻開發（二）：視頻編解碼之數字視頻介紹》
《即時通訊音視頻開發（三）：視頻編解碼之編碼基礎》
《即時通訊音視頻開發（十九）：零基礎，史上最通俗視頻編碼技術入門》
本文并未就具體的視頻編解碼概念進行深入的討論，目的是盡可能以淺顯易懂的方式讓讀者輕松了解本文標題想呈現的內容。如果您想深入了解視頻編解碼技術，可繼續閱讀以下文章。
▼ 以下是比較深入的視頻編解碼相關文章：
《即時通訊音視頻開發（四）：視頻編解碼之預測技術介紹》
《即時通訊音視頻開發（五）：認識主流視頻編碼技術H.264》
《即時通訊音視頻開發（十三）：實時視頻編碼H.264的特點與優勢》
《即時通訊音視頻開發（十七）：視頻編碼H.264、VP8的前世今生》
《即時通訊音視頻開發（十八）：詳解音頻編解碼的原理、演進和應用選型》
《移動端實時音視頻直播技術詳解（四）：編碼和封裝》
《[觀點] WebRTC應該選擇H.264視頻編碼的四大理由》
▼ 愛奇藝技術產品團隊還分享了其它兩篇文章，有興趣也可以讀一讀：
《愛奇藝移動端網絡優化實踐分享：網絡請求成功率優化篇》
《愛奇藝技術分享：愛奇藝Android客戶端啟動速度優化實踐總結》
歡迎關注“即時通訊技術圈”，更多好文會同步發布在公眾號.
（本文同步發布于：http://www.52im.net/thread-3028-1-1.html）
圖網長期致力于web前端開發，難免會和各種視頻、音頻打交道，除了常見的mp4、mp3等格式，其實還有m3u8、oga等等其他沒有那么常見的格式，那么你都了解了嗎？下面介紹一下html5常見的音視頻格式和解決方案。
萬能播放插件js
1.ckplayerhttp://www.ckplayer.com/
2.Sewise Player
一款專業的免費網頁HTML5視頻、流播放器，它功能強大，體積小，跨平臺，兼容性好，使用方便簡潔。確定html5與flash播放的優先級。支持跨終端播放，不僅適用PC端播放，也適配ipad、iphone、android手機、平板電腦等移動終端。 支持多系統多平臺，PC端支持Window、MacOS、Linux 等，移動端支持Android、IOS、Window Phone等。 兼容HTML5，確保98％的互聯網用戶可以看到您的視頻。 支持多瀏覽器兼容，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 為了提高流播效率開發的技術，特點是將流媒體切分為若干 TS 片段（比如每10秒一段），然后通過一個擴展的 m3u 列表文件將這些 TS 片段集中起來供客戶端播放器接收。可以做多碼率的適配，根據網絡帶寬，客戶端會自動選擇一個適合自己碼率的文件進行播放，保證視頻流的流暢。
MP4是一套用于音頻、視頻信息的壓縮編碼標準，支持所有音頻和視頻以及高級內容（或它們的混合），編碼格式：H.264格式高清
MP4是遵循MPEG-4（ISO 14496-14）的官方容器格式定義的廣義文件擴展名。它可以流媒體化并支持眾多多媒體的內容（多音軌(multiple audio)、視頻流(video)、字幕(subtitlestreams)、圖片(pictures)、可變楨率(variable-framerates)、碼率(bitrates)、采樣率(samplerates)等）和高級內容(advanced content)（官方稱之為“Richmedia”(超媒體)或“BIFS”(Binary Format for Scenes/二進制格式場景），類似2D和3D圖形，動畫、用戶界面、類DVD菜單，上述這些AVI搞不定的東西。
其他相關的擴展名：
– .m4v：是.mp4文件的錯誤擴展名，由apple提出，支持視頻+音頻，m4v擴展名可以安全地更名為.mp4
– .m4a：是.mp4文件的錯誤擴展名，由apple提出，只支持音頻，m4a擴展名可以安全地更名為.mp4
– .m4p：隨iTunes發售的DRM(Digital Rights Management/數字版權保護技術)產權保護的文件，使用Apple開發的DRM sheme
– .m4e：由.sdp修改擴展名的來的文件，Envivio用其于流媒體播放。
– .m4v, -.mp4v, -.cmp, -.divx, .-xvid, .264：raw的mpeg-4視頻流（并非內含于mp4）。
– .3gp, -.3g2：手機中使用的格式，其中儲存的內容同樣在.mp4未被定義（H.263, AMR(Adaptive Multi Rate/自適應多碼率)）。
OGG OGGVobis(oggVorbis)是一種音頻壓縮格式，類似于MP3等的音樂格式。Ogg是完全免費、開放和沒有專利限制的。OggVorbis文件的擴展名是”.ogg”。Ogg文件格式可以不斷地進行大小和音質的改良，而不影響舊有的編碼器或播放器。
OGV是html5中的一個名為Ogg Theora的視頻格式，起源于ogg容器格式。
webm由Google提出，是一個開放、免費的媒體文件格式。WebM標準的網絡視頻更加偏向于開源并且是基于HTML5標準的，WebM 項目旨在為對每個人都開放的網絡開發高質量、開放的視頻格式，其重點是解決視頻服務這一核心的網絡用戶體驗。
MOV(QuickTime)它是Apple公司開發的一種音頻、視頻文件格式，用于存儲常用數字媒體類型。QuickTime用于保存音頻和視頻信息，包括Apple Mac OS，MicrosoftWindows95/98/NT/2003/XP/VISTA，甚至WINDOWS7在內的所有主流電腦平臺支持。
WMV 是微軟推出的一種采用獨立編碼方式并且可以直接在網上實時觀看視頻節目的文件壓縮格式。WMV格式的主要優點包括：本地或網絡回放、可擴充的媒體類型、部件下載、可伸縮的媒體類型、流的優先級化、多語言支持、環境獨立性、豐富的流間關系以及擴展性等。
MPG/MPEG(.mpg, .mpeg)
Realmedia(.rm, .rmvb)
AVI(.avi)
Flv/swf
本文由專業的WEB前端外包公司-切圖網原創，轉載請保留版權（ WEB前端開發外包www.qietu.com ）切圖網始于2007年，提供高品質的前端開發服務、前端外包、切圖外包。歡迎來電咨詢！
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
