圖網長期致力于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年,提供高品質的前端開發服務、前端外包、切圖外包。歡迎來電咨詢!
eb 上的多媒體指的是音效、音樂、視頻和動畫。
現代網絡瀏覽器已支持很多多媒體格式。
什么是多媒體?
多媒體來自多種不同的格式。它可以是您聽到或看到的任何內容,文字、圖片、音樂、音效、錄音、電影、動畫等等。
在因特網上,您會經常發現嵌入網頁中的多媒體元素,現代瀏覽器已支持多種多媒體格式。
在本教程中,您將了解到不同的多媒體格式,以及如何在您的網頁中使用它們。
瀏覽器支持
第一款因特網瀏覽器只支持文本,而且即使是對文本的支持也僅限于單一字體和單一顏色。隨后誕生了支持顏色、字體和文本樣式的瀏覽器,圖片支持也被加入。
不同的瀏覽器以不同的方式處理對音效、動畫和視頻的支持。某些元素能夠以內聯的方式處理,而某些則需要額外的插件。
多媒體格式
格式 多媒體元素(比如視頻和音頻)存儲于媒體文件中。
確定媒體類型的最常用的方法是查看文件擴展名。當瀏覽器得到文件擴展名 .htm 或 .html 時,它會假定該文件是 HTML 頁面。.xml 擴展名指示 XML 文件,而 .css 擴展名指示樣式表。圖片格式則通過 .gif 或 .jpg 來識別。
多媒體元素元素也擁有帶有不同擴展名的文件格式,比如 .swf、.wmv、.mp3 以及 .mp4。
視頻格式
MP4是互聯網推出新的視頻格式。YouTube 推薦使用 MP4 。Flash Players 支持 MP4HTML5 支持 MP4。 |
格式 | 文件 | 描述 |
---|---|---|
AVI | .avi | AVI (Audio Video Interleave) 格式是由微軟開發的。所有運行 Windows 的計算機都支持 AVI 格式。它是因特網上很常見的格式,但非 Windows 計算機并不總是能夠播放。 |
WMV | .wmv | Windows Media 格式是由微軟開發的。Windows Media 在因特網上很常見,但是如果未安裝額外的(免費)組件,就無法播放 Windows Media 電影。一些后期的 Windows Media 電影在所有非 Windows 計算機上都無法播放,因為沒有合適的播放器。 |
MPEG |
| MPEG (Moving Pictures Expert Group) 格式是因特網上最流行的格式。它是跨平臺的,得到了所有最流行的瀏覽器的支持。 |
QuickTime | .mov | QuickTime 格式是由蘋果公司開發的。QuickTime 是因特網上常見的格式,但是 QuickTime 電影不能在沒有安裝額外的(免費)組件的 Windows 計算機上播放。 |
RealVideo |
| RealVideo 格式是由 Real Media 針對因特網開發的。該格式允許低帶寬條件下(在線視頻、網絡電視)的視頻流。由于是低帶寬優先的,質量常會降低。 |
Flash |
| Flash (Shockwave) 格式是由 Macromedia 開發的。Shockwave 格式需要額外的組件來播放。但是該組件會預裝到 Firefox 或 IE 之類的瀏覽器上。 |
Mpeg-4 | .mp4 | Mpeg-4 (with H.264 video compression) 是一種針對因特網的新格式。事實上,YouTube 推薦使用 MP4。YouTube 接收多種格式,然后全部轉換為 .flv 或 .mp4 以供分發。越來越多的視頻發布者轉到 MP4,將其作為 Flash 播放器和 HTML5 的因特網共享格式。 |
最新的 HTML5 標準只支持 MP4, WebM, 和 Ogg 視頻格式。 |
聲音格式
MP3是一種音頻壓縮技術,其全稱是動態影像專家壓縮標準音頻層面3(Moving Picture Experts Group Audio Layer III),簡稱為MP3。它被設計用來大幅度地降低音頻數據量。如果你的站點是音樂類型的,你可以選擇mp3格式。
格式 | 文件 | 描述 |
---|---|---|
MIDI |
| MIDI (Musical Instrument Digital Interface) 是一種針對電子音樂設備(比如合成器和聲卡)的格式。MIDI 文件不含有聲音,但包含可被電子產品(比如聲卡)播放的數字音樂指令。點擊這里播放 The Beatles。因為 MIDI 格式僅包含指令,所以 MIDI 文件極其小巧。上面的例子只有 23k 的大小,但卻能播放將近 5 分鐘。MIDI 得到了廣泛的平臺上的大量軟件的支持。大多數流行的網絡瀏覽器都支持 MIDI。 |
RealAudio |
| RealAudio 格式是由 Real Media 針對因特網開發的。該格式也支持視頻。該格式允許低帶寬條件下的音頻流(在線音樂、網絡音樂)。由于是低帶寬優先的,質量常會降低。 |
Wave | .wav | Wave (waveform) 格式是由 IBM 和微軟開發的。所有運行 Windows 的計算機和所有網絡瀏覽器(除了 Google Chrome)都支持它。 |
WMA | .wma | WMA 格式 (Windows Media Audio),質量優于 MP3,兼容大多數播放器,除了 iPod。WMA 文件可作為連續的數據流來傳輸,這使它對于網絡電臺或在線音樂很實用。 |
MP3 |
| MP3 文件實際上是 MPEG 文件的聲音部分。MPEG 格式最初是由運動圖像專家組開發的。MP3 是其中最受歡迎的針對音樂的聲音格式。期待未來的軟件系統都支持它。 |
HTML5 的最新標準支持 MP3, WAV, 和 Ogg 音頻格式。 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
formats :視頻文件格式(簡稱:文件格式)
codecs :視頻封裝格式(簡稱:視頻格式)
codecs 負責在保證視頻清晰度的基礎上盡可能的壓縮視頻,所以 codecs 同時需要對應的編碼器和解碼器。
而 formats 只是一個承載被壓縮的視頻的容器而已。他負責把視頻、音頻綁定起來,并且高級的 formats 會提供如支持內嵌字母,支持分章節等擴展功能
舉例:xxx.avi 的 formats 是 avi,codecs 是 H.264。
碼率:視頻碼率就是數據傳輸時單位時間傳送的數據位數,一般我們用的單位是kbps即千位每秒。碼率越高,視頻越清晰。
但為了節約視頻的體積,在畫面變化幅度不大或者色調比較單一的時候,主流的做法是采用 VBR 可變碼率來收錄畫面。
1、常見的 formats
格式公司備注MP4AVI微軟WMV微軟MOV蘋果QuickTime 影片格式M4V蘋果基于 MP4 的封裝RM / RMVBrealplayFLVflashWebMgoogle
注:RMVB 比 RM 多了 VB,就是加入了可變碼率(VBR)的技術
2、主流視頻網站使用的 formats
視頻網站格式優酷MP4騰訊視頻MP4bilibiliFLVYoutubeWebM
注:html5 中的 <video/> 照理說不支持 FLV 格式,bilibili 是如何做到的呢,答案就在這個庫:https://github.com/Bilibili/flv.js/
下面是制定 codecs 視頻壓縮技術的幾個主流組織:
1、MPEG
MPEG (Moving Picture Experts Group):國際標準化組織(ISO)和國際電工委員會(IEC)下屬的“動態影像專家組”
MPEG-1(VCD)、MPEG-2(DVD)、和MPEG-4(互聯網)
注:沒有 MPEG-3
2、ITU
ITU :國際電傳視訊聯盟( International Telecommunication Union )
3、H.264
MPEG 跟 ITU 合作弄出了 H.26X 系列(H.261 H.262……),其中 H.264 是現在使用最多的。
注:一般會跟 MP4 搭配,稱之為 MP4 + H.264
比如我電腦上隨機找一個視頻文件:
不過,H.264 是一種專利視頻格式。它的專利被一家 MPEG-LA 公司控制。
既然有專利,那就有專利到期后續費被惡意抬價的風險,所以誕生了民間的開源的 Theora。
但為什么現在大家都在用 H.264 而不是 Theora 呢?
第一個原因:沒有一家實體公司來承擔 Theora 的專利責任
第二個原因:一些主要的大公司,本身就是 MPEG-LA "專利池"的所有者,比如蘋果公司和微軟公司。
第三個原因:H.264 也有免費授權,前提是你使用得是非商業目的。
4、VP8
在最新的一代 H.265 到來之前,攪局者 Google 帶著 VP8 出現了,基于 VP8 的 formats 稱為 WebM。
VP8 比起前面提到的 Theora 來說,要更加的優秀,而且還有強大的社區作為其后盾,特別是 Google 的支持,所以他率先用在了 Youtube 上。
而且 VP9 也快來到了。
VP8 跟 H.264 比最大的好處應該就是沒有專利權問題。
VP8 跟 H.264 比不足的就是,H.264 有眾多硬件支持,而 VP8 暫時只能靠軟解碼,所以誰快誰慢不言而喻。
按熱門從上到下排序:
MP4 + H.264
WebM + VP8
Ogg + Theora + Vorbis
1、final cut pro 做好視頻后導出為mp4保存
需求:不想默認保存為蘋果的 mov 格式怎么辦?
2、Aimersoft Video Converter Ultimate —— Mac 下的“格式工廠”
同樣是蘋果開發的格式轉換軟件 compressor,竟然不支持轉換到 mp4
所以我們用 Aimersoft Video Converter Ultimate
[拓展]
硬解 vs 軟解
硬解碼是用GPU解碼,不會造成過多的CPU負載
軟解碼是用CPU解碼,會導致是CPU占用率很高
推薦看視頻打開硬解碼,好處如下:
(1)高清視頻下硬解碼效果會好于軟解碼
(2)硬解碼更省電
*請認真填寫需求信息,我們會在24小時內與您取得聯系。