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:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | 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视频地址
至此,大功告成!
============================
切记:不要跟着官网的步骤做!切记!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库