PC浏览器用ckplayer 播放m3u8视频,hls点播功能的简单实现

其余的video.js,jwplayer.js,好像都只能用于直播流,或者说流播放,害我花两天时间研究测试他们,倒是成功了几个直播的小测试,进入正题

资源:ckplayer.js,直接去官方下载最新版:http://www.ckplayer.com/
里面有 PC浏览器用ckplayer 播放m3u8视频,hls点播功能的简单实现_第1张图片
里面有演示,找到你要用的事例就好,会有详细代码
页面代码:会用到hls.js,下载完整的ckplayer.js是包含有的,自动引用,页面中不用引用




    
    
    
    



    

需要放到站点中运行
然后是切m3u8视频,用ffmepg切视频,至于ffmepg的安装自己去搜索,很简单,打开cmd,用命令切
1.先转换成ts,也可以直接切

ffmpeg -y -i D:\video\one.mkv -vcodec copy -acodec copy -vbsf h264_mp4toannexb D:\video\hls\test.ts

2.再把ts切成片,应该有更直接的命令 还没有去研究,路径自己换

ffmpeg -i D:\video\hls\test.ts -c copy -map 0 -f segment -segment_list D:\video\hls\one.m3u8 -segment_time 5 D:\video\hls\one-%03d.ts

PC浏览器用ckplayer 播放m3u8视频,hls点播功能的简单实现_第2张图片
然后把切好的文件放到你的站点里面,用http://192.168.3.138:5052/static/hls/one.m3u8就可以测试播放了

你可能感兴趣的:(html,m3u8,视频点播,html,html5,hls)