809政府平台视频播放器接入指南
背景
政府平台播放JT/T 1078-2016 6.2音视频流URL大都是通过Flex开发一个播放器完成,但Flash支持已经被大多数浏览器移除或阻止,需要一个新的方案来解决播放问题。
我们开发了一个播放器,引用一个js即可简单实现H5无插件播放此URL,最少仅需3行代码
。
控件地址
https://lib.cvtsp.com/video/CVNetVideoJs/1.3.0/CvNetVideo.js
可通过如下方式引用控件
<script type="text/javascript" src="https://lib.cvtsp.com/video/CVNetVideoJs/1.3.0/CvNetVideo.js"></script>
接口说明
初始化
CvNetVideo.Init(dom, VideoNums = 4, config = {govmd5 : "" , govnum : 100});
参数说明
dom:视频控件插入节点,一般是div
VideoNums:显示视频控件数量,后期可调整,支持1, 2, 4, 6, 9, 10, 16
config:配置项
config.govmd5 :授权码,未授权版本仅允许播放一路视频,且30秒自动断开。
config.govnum :授权同时可播放数量。
返回值: UCMain 本次初始化控件对象
开始播放
CvNetVideo.GovPlay(url, videoId = 0, config = {}, Callback = null)
参数说明
url: JT/T 1078-2016 6.2中规定的URL
videoId:哪一个分屏,0代表当前选中分屏
config:配置项 可更改init中传入config值
Callback:错误回调 function (status, reason)
-1, "URL请求发生错误"
-2, "URL请求失败"
-101, "超过允许最大连接数,断开连接"
-102, "超过允许播放时长,断开连接。"
示例
CvNetVideo.GovPlay(
"http://et.test.cvtsp.com:15007/沪QQ7771.1.1.0.aaa",
id, null,
//gov实时流请求回调,status < 0 请求失败,reason 原因
function (status, reason) {
if (status < 0) {
console.log("失败:" + reason);
if (status == -1) {
alert("URL请求发生错误,请检查URL是否能访问,或是否通过HTTPS页面访问了HTTP地址。");
} else {
alert(reason);
}
}
},
);
Demo页面
http://lib.cvtsp.com/video/CVNetVideoJs/test/tstrtvs.html
可点击播放1078http
按钮播放测试
对HTTP地址要求
- HTTP流需符合JT/T 1078-2016中《6音视频流服务器与客户端播放软件间的码流通信》的规定;
- HTTP必须为标准HTTP封装,且需添加允许跨域头
Access-Control-Allow-Origin: *
- 视频流必须是H264,音频流必须是G711.A、G711.U、G726或ADPCMA之一