整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          html5常見的音視頻格式和解決方案

          圖網長期致力于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.aviAVI (Audio Video Interleave) 格式是由微軟開發的。所有運行 Windows 的計算機都支持 AVI 格式。它是因特網上很常見的格式,但非 Windows 計算機并不總是能夠播放。
          WMV.wmvWindows Media 格式是由微軟開發的。Windows Media 在因特網上很常見,但是如果未安裝額外的(免費)組件,就無法播放 Windows Media 電影。一些后期的 Windows Media 電影在所有非 Windows 計算機上都無法播放,因為沒有合適的播放器。
          MPEG
          • .mpg
          • .mpeg
          MPEG (Moving Pictures Expert Group) 格式是因特網上最流行的格式。它是跨平臺的,得到了所有最流行的瀏覽器的支持。
          QuickTime.movQuickTime 格式是由蘋果公司開發的。QuickTime 是因特網上常見的格式,但是 QuickTime 電影不能在沒有安裝額外的(免費)組件的 Windows 計算機上播放。
          RealVideo
          • .rm
          • .ram
          RealVideo 格式是由 Real Media 針對因特網開發的。該格式允許低帶寬條件下(在線視頻、網絡電視)的視頻流。由于是低帶寬優先的,質量常會降低。
          Flash
          • .swf
          • .flv
          Flash (Shockwave) 格式是由 Macromedia 開發的。Shockwave 格式需要額外的組件來播放。但是該組件會預裝到 Firefox 或 IE 之類的瀏覽器上。
          Mpeg-4.mp4Mpeg-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
          • .mid
          • .midi
          MIDI (Musical Instrument Digital Interface) 是一種針對電子音樂設備(比如合成器和聲卡)的格式。MIDI 文件不含有聲音,但包含可被電子產品(比如聲卡)播放的數字音樂指令。點擊這里播放 The Beatles。因為 MIDI 格式僅包含指令,所以 MIDI 文件極其小巧。上面的例子只有 23k 的大小,但卻能播放將近 5 分鐘。MIDI 得到了廣泛的平臺上的大量軟件的支持。大多數流行的網絡瀏覽器都支持 MIDI。
          RealAudio
          • .rm
          • .ram
          RealAudio 格式是由 Real Media 針對因特網開發的。該格式也支持視頻。該格式允許低帶寬條件下的音頻流(在線音樂、網絡音樂)。由于是低帶寬優先的,質量常會降低。
          Wave.wavWave (waveform) 格式是由 IBM 和微軟開發的。所有運行 Windows 的計算機和所有網絡瀏覽器(除了 Google Chrome)都支持它。
          WMA.wmaWMA 格式 (Windows Media Audio),質量優于 MP3,兼容大多數播放器,除了 iPod。WMA 文件可作為連續的數據流來傳輸,這使它對于網絡電臺或在線音樂很實用。
          MP3
          • .mp3
          • .mpga
          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 可變碼率來收錄畫面。

          二、formats


          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


          下面是制定 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 暫時只能靠軟解碼,所以誰快誰慢不言而喻。

          四、html5支持的視頻格式


          按熱門從上到下排序:

          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)硬解碼更省電


          主站蜘蛛池模板: 国产高清在线精品一区二区三区| 日本一区二区三区高清| 亚洲午夜电影一区二区三区 | 国产高清在线精品一区二区三区| 亚洲一区二区三区日本久久九| 国产高清在线精品一区| 国产在线精品一区二区三区不卡| 国产高清在线精品一区二区| 2020天堂中文字幕一区在线观 | 国产午夜三级一区二区三| 中文字幕精品一区二区| 亚洲国产精品成人一区| 琪琪see色原网一区二区| 麻豆AV一区二区三区久久| 国产成人精品一区二区三区无码| 3d动漫精品啪啪一区二区中| 中文字幕无码一区二区三区本日 | 亚洲午夜精品一区二区麻豆| 亚洲国产日韩一区高清在线| 末成年女A∨片一区二区| 亚洲国产成人一区二区精品区 | 精彩视频一区二区| 亚洲第一区精品日韩在线播放| 久久99国产精一区二区三区| 久久亚洲中文字幕精品一区四| 国产精品伦子一区二区三区| 一区二区手机视频| 蜜桃无码一区二区三区| 久久精品一区二区| 精品爆乳一区二区三区无码av| 日韩少妇无码一区二区三区| 一区免费在线观看| 亚洲乱色熟女一区二区三区丝袜| 日韩人妻一区二区三区免费| 好看的电影网站亚洲一区| 在线欧美精品一区二区三区| 色一情一乱一伦一区二区三区| 日韩精品一区二区三区毛片 | 日本不卡一区二区三区视频| 亚洲国产一区二区三区在线观看 | 午夜福利一区二区三区高清视频|