之前黎叔有介绍过ckplayer的m3u8播放问题。ckplayer点播m3u8没问题,但是直接用直播PC端就会卡30秒缓存。移动端是流畅,因为移动端m3u8是直接采用html5支持的方式。pc端采用的是老旧的flash播放器模式。这个问题很多网友也找过我。我研究了半天在网上找到了另一种基于flash的m3u8播放器,进行了测试,有时候流畅有时候卡在30秒。我先把代码贴出来大家参考一下。如果。其中的JS大家直接拷贝我的JS上传到你的服务器。
核心代码如下:
<script src="您的路径/swfobject.js"></script>
<div id="moviePlayerWapper" style="background:#000;width:100%;height:380px;">
</div>
<br/>
<div class="input-group input-group-lg">
<input type="text" id="m3u8" class="form-control" placeholder="Username"
value="m3u8直播源路径.m3u8"/>
<span class="input-group-addon">
<a href="javascript:play();">播放</a>
</span>
</div>
<br/>代发<script>
var play = function() {
var m3u8 = document.getElementById('m3u8').value;
var flashvars = {
// M3U8 url, or any other url which compatible with SMP player (flv, mp4, f4m)
// escaped it for urls with ampersands
src: escape(m3u8),
// url to OSMF HLS Plugin
plugin_m3u8: "https://zli.me/demo/m3u8/HLSProviderOSMF.swf",
};
var params = {
// self-explained parameters
allowFullScreen: true,
allowScriptAccess: "always",
bgcolor: "#000000"
};
var attrs = {
name: "player"
};swfobject.embedSWF(
// url to SMP player
"您的路径/StrobeMediaPlayback.swf",
// div id where player will be place
"moviePlayerWapper",
// width, height
"100%", "485",
// minimum flash player version required
"10.2",
// other parameters
null, flashvars, params, attrs
);
var img = document.createElement("IMG");
window.img = img;
img.src = '/sss.gif?src=' + escape(m3u8);
}
</script>
直播效果测试(建议找一个可用的m3u8地址来测试):
2018年1月15日 下午9:10 6F
测试视频无法播放!!!!
2017年11月13日 上午11:28 5F
这个是什么播放器?
2017年11月7日 上午9:28 4F
dasdass大苏打
2017年11月7日 上午9:27 3F
飞洒发生
2017年9月22日 上午8:37 2F
这个播放器不错,但是,把视频放在服务器上压力大啊,能不能调用视频网站的地址?
2017年9月22日 上午11:04 B1
@ 从良未遂 部分网站可以
2017年9月9日 下午6:09 1F
ckplayer的名声还是很响的
2017年9月19日 下午1:54 B1
@ 何湘辉博客 没错是的