黎叔教你简单用CKplayer解析播放M3U8文件和做电视台直播播放器

黎叔教你简单用CKplayer解析播放M3U8文件和做电视台直播播放器

    前几天我再研究如何播放M3U8播放器的时候,发现了一家采用M3U8做直播源做的电视台网页,这个网页有个大大的问题,那就是手机上可以播放,PC端播放不了。黎叔经过几分钟的认真研究和测试终于成功找到了解决方案。官方的方案和百度结果靠前的几个方案都是有缺陷的,

直接的讲就是没办法直接播放或者讲的不完整。CKPLAYER官方M3U8显示不了是M3U8文件的问题不是代码用错了!只要下面演示有效就说明这个代码目前可用

我们就结合官方的方法简单的纠正。

time:0

m3u8.swf文件

上传到贵站的网站ckplayer目录里,调用方式(以普通方式调用为例)如下:
var flashvars={
f:'m3u8.swf',
a:'http://183.207.249.15/PLTV/3/224/3221225680/index.m3u8',
s:4
}
然后兼容pc端和移动端的完整的播放m3u8的应用了。示例代码如下:

<div id="a1"></div>
<script type="text/javascript" src="/ckplayer/ckplayer.js" charset="utf-8"></script>
<script type="text/javascript">
var flashvars={
f:'http://zli.me/ckplayer/m3u8.swf',
a:'http://183.207.249.15/PLTV/3/224/3221225680/index.m3u8',
s:4,
c:0
};
var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};
var video=['http://183.207.249.15/PLTV/3/224/3221225680/index.m3u8'];
CKobject.embed('/ckplayer/ckplayer.swf','a1','ckplayer_a1','100%','100%',false,flashvars,video,params);
</script>
CCTV用CKplayer解析m3u8直播效果演示:


黎叔文件下载-zli.me

weinxin
黎叔公众号
想要关注就打开微信扫一扫
avatar
黎叔文明评论宣传

文明上网,理性评论(请勿发表不利于黎叔和违反法律的言论)所有评论都要审核

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前发言:6   其中:访客  3   黎叔  3

    • avatar 上海网 0

      看起来都是很复杂的样子了啊。。。。

      • avatar Koolight 1

        可否把湖南卫视搞下来?之前一直都没成功过。

        • avatar BanYuner 0

          貌似现在好多人都是在使用ckplayer