809政府平台H5无插件播放1078URL

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
可通过如下方式引用控件

接口说明

初始化
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之一

参考

809政府平台H5无插件播放1078URL_cvnetvideo-CSDN博客

你可能感兴趣的:(视频播放,vue.js)