html零基礎入門教程：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