有支持M3U8格式的HTML5播放器吗

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了有支持M3U8格式的HTML5播放器吗相关的知识,希望对你有一定的参考价值。

有,而且也很多。
1.在目前支持较好的仍然是使用FlashPlayer来播放m3u8格式的视频,这样能够很好的利用计算机的性能,使视频质量达到最优良的效果,但不是h5。
2.H5支持的视频格式,默认使用的是video标签,但是video不支持m3u8格式,因此需要用到开源的js库来解码视频流。
3.总结调研结果,推荐常用的有hls.js,video.js,都是开源免费。还有几个需要注册才能使用的,不罗列说明。
4.原生的标签支持,目前无法实现,再浏览器的不断更新迭代基础上,未来是会支持的,不需要我们自己扩展。
5.除了3中说的几个,还有很多浏览器插件支持的方式,比如vlc插件,就很好用。

总结,推荐在github上搜索hls.js,会发现很多可用的内容。
参考技术A 点量html5播放器,播放M3U8格式的视频,配合做了视频加密机制。
保护视频版权,并可添加播放动态水印、问题互动问答等。
参考技术B 有的,在浏览器上播放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了。本回答被提问者采纳
参考技术C ckplayer支持m3u8格式播放,具体请自行到ckplayer网站去看吧。

对 HTML5 音频标签的 MIDI 支持?

【中文标题】对 HTML5 音频标签的 MIDI 支持?【英文标题】:MIDI support for HTML5 audio tag? 【发布时间】:2015-08-18 13:18:04 【问题描述】:

我们可以使用 HTML5 音频标签播放 MIDI 吗?

我看到很多 javascript midi 播放器/编辑器等,但我还没有找到一个非常基本的播放器(播放、停止、暂停...),可以轻松支持 midi 播放器。

有什么想法吗?

【问题讨论】:

【参考方案1】:

目前,该元素支持 3 种文件格式:MP3、Wav 和 Ogg

More about that here

【讨论】:

所以没有alternavite...我不知道为什么要获得一个非常基本的midi文件播放器如此困难,我不明白... @Ulrira 你和我。如果您阅读浏览器的开发人员留言板,您很快就会对一般媒体产生一种冷漠感,除非它为 YouTube 或其他东西提供动力。还有一个很大的知识鸿沟......浏览器开发人员一般根本不明白。【参考方案2】:

在此处查看 MIDI 播放器示例 https://surikov.github.io/webaudiofont/examples/midiplayer.html

点击'source'打开GitHub项目

【讨论】:

以上是关于有支持M3U8格式的HTML5播放器吗的主要内容,如果未能解决你的问题,请参考以下文章

有支持M3U8格式的HTML5播放器吗

电脑上啥播放器支持m3u8格式的视频文件?

如何在手机和桌面上播放html5视频播放m3U8?

m3u8是啥格式,能在手机上播放吗?

hls视频播放-基于ChPlayer

m3u8用啥软件播放