• ckplayer 如何在PC上完美支持 m3u8播放


    使用过ckplayer的同学都知道,相对jwplayer等,它非常的容易配置和使用。功能也是基本满足我们的需求的。

    一般情况我们都使用普通的视频格式比如mp4,flv等播放,但如果视频文件过大,会加载较慢。

    于是我们可以将视频转成m3u8格式来解决这个问题(可以百度m3u8来了解原理,简单点说他就是把视频切成若干个切片,每个切片都可以独立播放而且大小很小,然后利用一个文件索引来依次播放这些文件,所以很快)

    如何转m3u8格式?可以参考我上一篇博文

    =======================

    但是PC上使用video 播放m3u8 是不支持的。幸好的是ckplayer有支持m3u8在PC播放的插件。

    但注意了。有个巨坑,千万不要根据ckplayer官网的说明去安装配置这个插件!会出现各种错误!

    其实很简单,下载插件:m3u8.swf http://bbs.ckplayer.com/forum.php?mod=viewthread&tid=18168 

    下载后解压,将m3u8.swf文件拷贝至你的服务器任意目录,可以访问到就好,为了方便我是放在了ckplyer插件文件夹里。

    OK!配置成功! 是不是很简单?就拷贝过来就OK啦!

    接下来是js:

        showPlayer('http://static.guojiang.tv/pc/video/sound/1/playlist.m3u8','videoWrap')
        function showPlayer(src, id){
             //player
           var flashvars={
                f : 'http://static.guojiang.tv/pc/js/ckplayer/m3u8.swf',
                a : src,
                c : 0,
                s:4,
                lv:0//注意,如果是直播,需设置lv:1
            };
            var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};
            var video=[src];
            CKobject.embed('http://static.guojiang.tv/pc/js/ckplayer/ckplayer.swf',id ,'ck-video','100%','100%',false, flashvars ,video, params);
    
        }
    

      f: m3u8.swf 的地址

      a: 你要播放的m3u8视频地址

    至此,大功告成!

    ============================

    切记:不要跟着官网的步骤做!切记!


  • 相关阅读:
    java-第二周学习总结
    春季总结
    第十二周作业
    第十一周作业
    第十周作业
    第九周作业
    第八周作业
    网络层思维导图
    数据链路层思维导图
    Mysql数据库的基本操作之建表操作(2)
  • 原文地址:https://www.cnblogs.com/saysmy/p/5689778.html
Copyright © 2020-2023  润新知