步骤:Sip转码+Ckplayer打造在线视频网站
1、Sip转码程序:转码切片生成m3u8文件。
2、使用Ckplayer引用M3u8文件。
3、Ckplayer提示“加载错误”的解决方法
环境:
Windows 7 64位 E31231V3 16G(我的笔记本 为什么是服务器CPU 蓝天模具自己组装 了解一下)
PhpStudy(测试方便,实际情况请不要用这种工具,稳定性不太好。)
服务器网站wooroot目录:E:\php\WWW
步骤:
1、Sip转码切片
我们将视频文件复制到 网站根目录下。
文件夹
然后我们执行转码任务,等待转码完成。
执行命令:java -jar ff.jar -v E:\php\WWW\1.mp4 E:\php\WWW\1\
注意:请在SIP转码工具目录中执行此命令。为了方便您可以将SIP转码工具放到path系统环境变量中,方便使用。
开始转码切片
任务结束后,会看到在E:\php\WWW\1\中生成了大量的ts文件和m3u8文件。m3u8文件是我们视频的索引文件。
转码生成ts和m3u8文件
2、Ckplayer调用
下载地址:https://gitee.com/niandeng/ckplayerX/blob/master/ckplayer.zip
下载完成后解压到网站根目录。E:\php\WWW\
解压Ckplayer
material:文件可以不解压,是例子文件。
ckplayer:ck播放器核心文件
crossdomain.xml:Ck播放器是基于flash制作的,所以要以此文件为“跨站”检测要求。当你发现出现加载失败的时候很可能就是缺少此文件。(想深入学习的同学:请搜索“浏览器同源策略”)。
编写一个播放器页面: index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Sip Player Demo</title>
<script type="text/javascript" src="ckplayer/ckplayer.js" charset="UTF-8"></script>
</head>
<body>
<div class="video" style="width: 1000px;height: 600px;"></div>
<script type="text/javascript">var videoObject = {
container: '.video',
//“#”代表容器的ID,“.”或“”代表容器的class
variable: 'player',
//该属性必需设置,值等于下面的new chplayer()的对象
autoplay: true,
//自动播放
video: './1/playlist.m3u8' //视频地址
};
var player = new ckplayer(videoObject);</script>
</body>
<html>
最终效果图
Sip.ac.cn工作室提供低成本高质量的互联网解决方案。大家如果有疑问或者好的建议欢迎回复。