有支持M3U8格式的HTML5播放器吗
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了有支持M3U8格式的HTML5播放器吗相关的知识,希望对你有一定的参考价值。
参考技术A 有的,在浏览器上播放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了。 参考技术B 有的。一般都是直播用到这个协议吧。选择一个流媒体系统如800li media server这样的,都是既可以进行直播流承载分发,又自带了H5播放器的。可以试试。
jQuery:支持几乎所有格式的音频播放器[关闭]
我需要在我的网站中嵌入jQuery音频播放器.src来自DB。问题是没有一种固定格式。可以是3gp,mov.ogg.mp3等等。
我搜索过它并找到了很多jQuery插件,但它们都限制在2或3种格式。我想知道是否有支持所有格式的jQuery插件?
答案
正如constantinius所说,jquery不播放声音 - 浏览器确实如此。假设大多数用户将拥有HTML5 capabie浏览器还为时尚早。与此同时,最便携(跨浏览器)播放音频文件的方式是使用embed标签。
如果您需要支持多种不同的文件类型,请使用(例如)ffmpeg将它们转换为服务器端。
尝试使用java applet或flash实现对不同文件类型的支持(但我怀疑altter需要比前者更多的工作)。
另一答案
quicktime播放器将播放所有这些格式,唯一的缺点是你的用户必须安装quicktime插件,如果他们还没有。
不幸的是,Flash不支持所有这些格式,因此您将无法使用已经安装的Flash播放器。
以上是关于有支持M3U8格式的HTML5播放器吗的主要内容,如果未能解决你的问题,请参考以下文章