有支持M3U8格式的HTML5播放器嗎?


有,
safari的h5原生支持hls(m3u8)播放
chrome等瀏覽器需要自己寫解碼,參考這個videojs/videojs-contrib-hls · GitHub
也就是說HTML5 Video Player 安裝videojs-contrib-hls插件就可以了


最近接觸了這一塊,簡單說下吧。

m3u8 是一種基於 HTTP Live Streaming 文件視頻格式,它主要是存放整個視頻的基本信息和分片(Segment)組成。目前 由 Apple.inc 率先提出的 HLS 協議在 Mac 的 Safari 上原生支持,你可以直接通過

video.src = "xxx.m3u8"

來實現。

如果你希望兼容所有的瀏覽器的話, 你需要知道 Chrome 和 Firefox 支持的 Media Source Extensions( 非常不理想,在IE和國內具備兼容模式的極速瀏覽器下) 的情況:

目前 Youtube 和 Netflix 等主流視頻網站,即使 FB 的 newsfeed 裡面的視頻也採用了 HLS 的解決方案,大致實現流程如下:

其核心,在於對於 m3u8 的文件解析和 通過 XHR 去完成對分片內容二進位文件的獲取,然後使用 MSE 的 appendBuffer 去進行 buffer 的封裝,然後自己完成合流的工作。

目前國內的,bilibili 最早實現了基於 MSE 解決方案的播放器,大概為什麼他們必須用 MSE 而不是 優酷 和 騰訊 的 多 video 方案,可能是錢少,視頻轉MP4需要大量伺服器,當然 MSE 這是技術的趨勢。

前面廢話太多直接上推薦吧:

優先推薦 video.js 的方案,因為它支持多個播放核心,而且插件非常多,你只需要使用

videojs/videojs-contrib-hls 就可以了。

再安利一個非常純粹的方案,就是 hls.js 它需要你手進行 video 的綁定。

75 Team 也開源 的一個播放器:Chimeejs/chimee

當然我們 team 也會開源一款類似 youtube 的播放核心。


&
&
&HTTP Live Streaming Example&
&

&
&

&

配置伺服器:
.M3U8
application/x-mpegURL or
vnd.apple.mpegURL
.ts video/MP2T

文檔裡面有關於怎麼配置和發布詳細信息

https://developer.apple.com/library/ios/documentation/networkinginternet/conceptual/streamingmediaguide/StreamingMediaGuide.pdf


GitHub - fzninja/FZ-live: 基於h5和videojs的視頻直播插件
直接引入文件 將m3u8地址傳入即可播放直播流
本地測試的話 需要把demo放入服務端 不然會出現跨域問題


Sewise Player可以。
https://github.com/jackzhang1204/sewise-player


http://www.52player.com/VideoPlayer/2014/121751.html


發現很多答案都是用Flash實現的,我分享個github上JS做HSF -&> MP4 轉碼,然後用canvas來繪製實現視頻的: RReverser/mpegts · GitHub


http://dailymotion.github.io/hls.js/demo/

hls.js


有的。但是兼容性有點問題
你可以搜一下 jwplayer 還不錯的。就是低版本的android手機不支持


CKplayer也可以的。在PC上用flash播放,移動端就用h5

m3u8地址測試

html5播放m3u8(hls)示例:www.86y.org/demo/m3u8/


你們的答案都好麻煩,我用獵豹瀏覽器就能看了。


goacademic-The study clinic for logical learning

http://blog.csdn.net/carlsummer/article/details/78316944


我試過videoPlayer可以,不過只是在手機上實現。然後flowPlayer,ckPlayer在PC上可以實現。


FlasHLS / HLS Flash Player
flashls is an Open-source HLSFlash plugin that allows you to playback HLS streams.
flashls - Chromeless HLS Flash Player
這個應該是個能在網頁上播放,是不是html5我不知道,我用它來在線看視頻。


THEOplayer.測試過最穩定的播放器。比利時公司開發的。國內有代理http://www.fenhongxiang.com


M3U8為mac專有的視頻格式, macios下的瀏覽器都支持M3U8的html5播放


除了safari外,其它都不行。都是去調的swf


我怎麼記得M3U是一種MP3播放列表文件,而後面的8代表是UTF-8編碼。

蘋果有使用這種格式:「在IOS device和mac上可以用http的方式進行分發,其中playlist標準為由m3u擴展而來的m3u8文件,媒體文件為MPEG2-TS或者AAC」

你還是看看文件大小,如果不到1MB的話估計只是個純文本文件啊~


在網上看到個不錯的。
http://121.199.4.50/cmp_local.swf?src=http://121.199.4.50/fengyun/ozzq.m3u8

http://121.199.4.50/cmp_local.swf?src=http://121.199.4.50/fengyun/ozzq.m3u8


M3U8是HLS文件的後綴名,這種格式是流媒體(我現在的工作就跟這個有很大關聯),具體的html5的播放器我不確定,但是如果你想在自己的PC上播起來的話,可以試試安裝VLC播放器,打開之後Ctrl+「N」,然後輸入m3u8文件的link,然後播放即可。


推薦閱讀:

樂視,搜狐,pptv網站flash直播都是用的什麼協議(走的好像是udp)?
IPHONE中有沒有可以加速播放視頻的播放器?

TAG:HTML5 | 播放器 | M3U8 |