有支持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 的播放核心。
&
&
&
&
&
&
&
&
配置伺服器:
.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中有沒有可以加速播放視頻的播放器?