『壹』 網頁中用HLS.js播放.m3u8文件,為什麼在HTTP中可以播放,在HPPTS中卻不可以播放
兩種地址的解碼不一樣。如果是說非要能夠播放,建議你直接用前面的,不要用後面的。
『貳』 html5<video>解析m3u8播放視頻
我也遇到這個問題,據說使用方法其他串一樣,把m3u8串傳入src就行了。我親測過了,在電腦上不行,在手機上可以。電腦是Chrome、safari、Mozilla的,手機是歐朋瀏覽器。之前我是用vlc插件的。現在Google都不支持NPAPI了。也用不了了。可以試試sewiseplayer,雖然是flash的但是開源的,裡面都有例子,只要解決跨域問題,也是很好用的。
『叄』 m3u8用什麼瀏覽器
不能用瀏覽器,支持較好的仍然是使用FlashPlayer來播放m3u8格式的視頻,這樣能夠很好的利用計算機的性能,使視頻質量達到最優良的效果,但不是h5。
H5支持的視頻格式,默認使用的是video標簽,但是video不支持m3u8格式,因此需要用到開源的js庫來解碼視頻流。
1、如下所示,我的電腦桌面上有一個下載的後綴為的m3u8文件。
『肆』 有支持M3U8格式的HTML5播放器嗎
有的,在瀏覽器上播放m3u8的視頻地址有兩種方式:
一、html的video標簽的方式,這種方式播放很簡單:
<!DOCTYPE hmtl>
<html>
<head>
<title>the5fire m3u8 test</title>
</head>
<body>
<video controls autoplay >
<source src="../v1d30/posts/2014/barcelona/barcelona.m3u8">
</video>
</body>
</html>
二、通過開源的swfobject.js以及兩個flash組件:OSMF和HLSProvider來播放,代碼如下:
<!DOCTYPE html>
<html>
<head>
<title>the5fire m3u8 test</title>
<script src="../staticfile/swfobject.js"></script>
</head>
<body>
<div id="player">
</div>
<script>
var flashvars = {
// M3U8 url, or any other url which compatible with SMP player (flv, mp4, f4m)
// escaped it for urls with ampersands
src: escape("http://www.the5fire.com/static/demos/diaosi.m3u8"),
// url to OSMF HLS Plugin
plugin_m3u8: "http://www.the5fire.com/static/demos/swf/HLSProviderOSMF.swf",
};
var params = {
// self-explained parameters
allowFullScreen: true,
allowScriptAccess: "always",
bgcolor: "#000000"
};
var attrs = {
name: "player"
};
swfobject.embedSWF(
// url to SMP player
"http://www.the5fire.com/static/demos/swf/StrobeMediaPlayback.swf",
// div id where player will be place
"player",
// width, height
"800", "485",
// minimum flash player version required
"10.2",
// other parameters
null, flashvars, params, attrs
);
</script>
</body>
</html>
通過嵌入以上代碼就可以播m3u8了。
『伍』 有支持M3U8格式的HTML5播放器嗎
有,而且也很多。
1.在目前支持較好的仍然是使用FlashPlayer來播放m3u8格式的視頻,這樣能夠很好的利用計算機的性能,使視頻質量達到最優良的效果,但不是h5。
2.H5支持的視頻格式,默認使用的是video標簽,但是video不支持m3u8格式,因此需要用到開源的js庫來解碼視頻流。
3.總結調研結果,推薦常用的有hls.js,video.js,都是開源免費。還有幾個需要注冊才能使用的,不羅列說明。
4.原生的標簽支持,目前無法實現,再瀏覽器的不斷更新迭代基礎上,未來是會支持的,不需要我們自己擴展。
5.除了3中說的幾個,還有很多瀏覽器插件支持的方式,比如vlc插件,就很好用。
總結,推薦在github上搜索hls.js,會發現很多可用的內容。
『陸』 播放器怎麼實現播放m3u8文件
M3U8直播流htm5目前網頁是不支持的只能自己寫了。不過html5 video標簽支持的視頻還要看在那個瀏覽器上每個瀏覽器都不一樣。當前,video 元素支持三種視頻格式Ogg MPEG4 WebM。所以寫這個還要對應瀏覽器比較麻煩。
我記得jwplayer是用js寫的你可以參考下自己寫個解析m3u8視頻的。