云转码视频系统整合到任何网站系统

发布时间:2016-06-22 16:42:36
关于配合公安机关调查违法内容传播的公告:http://www.yunzhuanma.com/women/2018-06-30/169.html
云转码免费升级!马上去更新:http://www.yunzhuanma.com/xiazai/2016-06-22/1.html

 首先下载云转码视频系统(http://www.yunzhuanma.com/xiazai/)到服务器安装,对照文档安装好,并在系统设置的“播放域名”和“播放端口”“视频来源”这三项设置好。

系统设置.png

这里的视频来源就是等会视频上传过来就存到这个文件夹下面,软件会把这个文件夹作为根目录访问,设置好以后不能随便更改,不然视频可能会不能播放。如果服务器的80端口被其他软件占用,播放端口可设置其他端口。

上传代码的调用:

注意以下的js、css文件的调用路径一律使用2000端口,可以是服务器ip:2000也可以是解析过去的域名:2000,比如120.24.245.188:2000、video.ppvod.com:2000,以下相同,不再重复说明)

以下代码除域名端口外可更改外,其他代码必须一一照搬,无需你的创意设计。

第一步:添加上传功能

1、在head直接引入

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

   <link rel="stylesheet" type="text/css" href="http://服务器ip:2000/upload/css/upload.css" />

2、在需要插入上传按钮的地方引入上传按钮调用代码

     <div class="uploadmain" style="80%">

     <div class="shangchuan_biaodan" id="chose0">

              <div id="chosevideo">上传视频</div>

              <div id="divFileProgressContainer"></div>

            </div>  </div>

3、在插入网页的  

</body>

</html>

前面加上以下代码

    <script src="/upload/js/jquery-1.11.2.min.js"></script>  

<script language="javascript">

//上传地址

var hostname = window.location.hostname

var port = window.location.port || '80';

var ServerUrl = "http://服务器ip:2000/uploads";

if(port == 80){

ServerUrl = "http://服务器ip:2000/uploads";

}

</script>

<script type="text/javascript" src="/upload/js/webuploader.js"></script>

<script type="text/javascript" src="/upload/js/md5.js"></script>

<script type="text/javascript" src="/upload/js/upload.js"></script>

文件里面凡是调用的css、js文件可以直接下载放到网站文件夹里面,文件包里面放了utf8和gbk两个编码版本,对照你网站的编码把css和js文件夹拿出来放到upload文件夹下面即可。
 
上传所需的文件.zip
文件类型: .zip e301e31eb21495fdfcb8ecc10eeae25f.zip (561.94 KB)
 

4、上传后信息返回给表单的处理。

在添加内容的地方表单是必不可少,我们的上传系统在文件上传成功后会自动返回以下内容给表单:本地视频文件名、图片地址、m3u8地址、mp4下载地址、带加密防盗链的视频分享地址、视频ID。这些内容的返回不需要的部分你可以省略,需要的部分把你网站的表单id(不懂什么叫表单id?照搬你会不?)改为以下值对应即可:

     标题:<input type="text" name="title" id="title" value="" size="45">

     缩略图: <input type="text" name="titlepic" id="titlepic" value="" size="45">

     视频地址:<input type="text" name="odownpath1" id="odownpath1" value="" size="45">       

     下载地址:<input type="text" name="downpath1" id="downpath1" value="" size="45">       

     分享地址:<input type="text" name="share" id="share" value="" size="45">        

     视频ID:<br><input type="text" name="videoid" id="videoid" value="" size="45">        

以上表单的name均根据你网站的名字来命名,id不能修改。如果你的系统不能使用这些id,你可以到软件文件夹/work/public/upload/js文件夹去修改你调用到的js文件内容,把id更改为你需要更改表单id

举例:如果你要某个表单返回视频标题,则把改表单的id改为title即可,如果你要某个表单返回视频分享地址,则把改表单的id改为share即可。

 

本上传工具使用的前提是在服务器端必须安装云转码云视频管理系统才能接收上传文件,网站和云视频系统可在同一服务器也可在不同服务器(跨域上传)。

 

上传视频返回数据的示范:

上传完成.png

如果你的表单id没有设置错误,也没有js文件冲突,上传视频完成后会自动返回视频标题、播放地址、截图地址等等内容。

以我们的视频网站系统为例,这里上传成功后,系统自动返回播放地址、截图地址、mp4下载地址、视频标题到视频地址表单,提交表单后这些内容就被存入网站数据库以备调用。

上传的音视频文件会在服务器端自动被软件检测是否需要转换,转码、截图无需人工操作,至于服务器端如何运行转码则直接跳过了。

 

 

第二步:播放页面的调用

 

 

如果你上传后返回给视频地址表单的是带share的分享地址,则使用框架代码调用视频

<iframe width="860" height="524" src="分享地址" frameborder="0" allowfullscreen></iframe>

如果你上传后返回给视频地址表单的是m3u8的真实路径则自己需要配合你的播放器代码来调用,下面以ckplayer为例:

<div id="a1"></div>

<script type="text/javascript" src="/ckplayer/ckplayer.js" charset="utf-8"></script>

<script type="text/javascript">

var flashvars={

f:'m3u8.swf',

a:'m3u8地址',

                s:4,

c:0,

b:1

};

var video=[' m3u8地址'];

CKobject.embed('/ckplayer/ckplayer.swf','a1','ckplayer_a1','600','400',false,flashvars,video)

</script>

注意的是云视频系统做了防盗链及地址加密处理,直接调用m3u8地址并不能直接播放,需要配合参数认证,

由于安全性考虑这里就不公布防盗链认证代码,购买软件后再向我们索取代码。

 

最后一步切莫忘记

如果你是播放的m3u8文件,需要下载该文件到你的网站文件夹根目录。http://pan.baidu.com/s/1nu4OGNR

该文件是一个跨域认证文件,可设置你指定的域名播放视频,做简单防盗链,详细使用自己百度查阅资料。