计算机系统应用教程网站

网站首页 > 技术文章 正文

教你如何制作一个在线视频网站 怎么制作一个视频网站

btikc 2024-10-12 11:33:58 技术文章 2 ℃ 0 评论

步骤：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工作室提供低成本高质量的互联网解决方案。大家如果有疑问或者好的建议欢迎回复。

Tags：

猜你喜欢

本文暂时没有评论，来添加一个吧(●'◡'●)

欢迎 你 发表评论:

最近发表
标签列表