1045 lines
34 KiB
Plaintext
1045 lines
34 KiB
Plaintext
|
'use strict';
|
|||
|
|
var token = "";
|
|||
|
|
var device_list = [];
|
|||
|
|
var myPlayer = "";
|
|||
|
|
var presetPos = new Array();
|
|||
|
|
var pictureId = "";
|
|||
|
|
var storageId = "";
|
|||
|
|
var videoelem = "";
|
|||
|
|
var flvPlayer = "";
|
|||
|
|
var flvPlayerList = [];
|
|||
|
|
var playsite = 1; //播放的第几窗口
|
|||
|
|
var replay = 0;
|
|||
|
|
var chooseplaysite = 0; //选中的第几窗口,默认为0代表没有选择
|
|||
|
|
var kk=0;
|
|||
|
|
getValue();
|
|||
|
|
let ids = ['34130100001310000002','34130100001310000004','34130100001310000008','34130100001310000005'] ;
|
|||
|
|
let ids1 = ['34130100001310000003','34130100001310000001','34130100001310000007','34130100001310000006'] ;
|
|||
|
|
function getData(id){
|
|||
|
|
//alert(id)
|
|||
|
|
var data;
|
|||
|
|
$.ajax({
|
|||
|
|
type:"POST",
|
|||
|
|
url:bonuspath +'/backstage/seat/getinfoBysxt',
|
|||
|
|
data:{id: id},
|
|||
|
|
async: false,
|
|||
|
|
success:function(data) {
|
|||
|
|
localStorage.setItem("dataobj", data);
|
|||
|
|
data = JSON.parse(data);
|
|||
|
|
var html;
|
|||
|
|
for(var i=0;i<data.obj.list.length;i++){
|
|||
|
|
if(data.obj.list !=null){
|
|||
|
|
|
|||
|
|
/*if(data.obj.list[i] !=null){
|
|||
|
|
html = "<div style='left:"+data.obj.list[i].longitude+";top:"+data.obj.list[i].latitude+"'>"+data.obj.list[i].seat+':'+data.obj.list[i].name+"</div>";
|
|||
|
|
// $("#overlay").append(html);
|
|||
|
|
}*/
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return data;
|
|||
|
|
},
|
|||
|
|
error:function(data){
|
|||
|
|
alert("服务器")
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
function canvasVideo(){
|
|||
|
|
var kc=$("#kc").val();
|
|||
|
|
var zw=$("#zw").val();
|
|||
|
|
if(kc !="" && zw !=""){
|
|||
|
|
var v = document.getElementById("video1");
|
|||
|
|
var c = document.getElementById("mycanvas");
|
|||
|
|
var height = c.height;
|
|||
|
|
var width = c.width;
|
|||
|
|
var ctx = c.getContext('2d');
|
|||
|
|
ctx.drawImage(v, 0, 0, width, height);
|
|||
|
|
var dataURL = c.toDataURL("image/png", 0.1);
|
|||
|
|
var imgData = dataURL.replace("data:image/png;base64,", "");
|
|||
|
|
$.ajax({
|
|||
|
|
url: bonuspath+"/backstage/camera/img_upload",
|
|||
|
|
data: {
|
|||
|
|
"imgBase64Data": imgData,
|
|||
|
|
kc:kc,
|
|||
|
|
zw:zw
|
|||
|
|
},
|
|||
|
|
dataType: 'json',
|
|||
|
|
type: 'post',
|
|||
|
|
timeout: 100000,
|
|||
|
|
success: function(data) {
|
|||
|
|
$("#jietuPicture").attr('src',data);
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
error: function(xhr, type, errorThrown) {
|
|||
|
|
console.log(errorThrown);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}else{
|
|||
|
|
alert("请输入给考生的考场号和座位号")
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
//播放延迟处理
|
|||
|
|
function progress(e) {
|
|||
|
|
var bf = e.srcElement.buffered;
|
|||
|
|
var currentTime = e.srcElement.currentTime;
|
|||
|
|
if (bf.length > 0) {
|
|||
|
|
let end = bf.end(0);
|
|||
|
|
if (end - currentTime > 1.5) {
|
|||
|
|
e.srcElement.currentTime = end - 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//post请求
|
|||
|
|
function requestPost(router, params,url, callback) {
|
|||
|
|
var self = this;
|
|||
|
|
$.ajax({
|
|||
|
|
type: 'post',
|
|||
|
|
url: url + router,
|
|||
|
|
data: params,
|
|||
|
|
traditional: true,
|
|||
|
|
dataType: 'json',
|
|||
|
|
async: true,
|
|||
|
|
complete: function (rv) {
|
|||
|
|
if (typeof callback == 'function') callback(rv)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
//get请求
|
|||
|
|
function requestGet(router, callback) {
|
|||
|
|
var self = this;
|
|||
|
|
var url = _cf.q2http_url + router;
|
|||
|
|
$.ajax({
|
|||
|
|
type: 'get',
|
|||
|
|
url: url,
|
|||
|
|
dataType: 'json',
|
|||
|
|
async: true,
|
|||
|
|
complete: function (rv) {
|
|||
|
|
if (typeof callback == 'function') callback(rv)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
//创建平台连接
|
|||
|
|
function connect() {
|
|||
|
|
var self = this;
|
|||
|
|
var params = {
|
|||
|
|
"address": _cf.connParams.address,
|
|||
|
|
"port": _cf.connParams.port,
|
|||
|
|
"user": _cf.connParams.user,
|
|||
|
|
"password": _cf.connParams.password,
|
|||
|
|
"epid": _cf.connParams.epid,
|
|||
|
|
"fixaddr": _cf.connParams.bfix
|
|||
|
|
}
|
|||
|
|
requestPost('login', params,_cf.q2http_url , function (rv) {
|
|||
|
|
let self = this;
|
|||
|
|
var result = {
|
|||
|
|
errcode: -1,
|
|||
|
|
token: ''
|
|||
|
|
}
|
|||
|
|
var respJSON = rv.responseJSON;
|
|||
|
|
if (respJSON.hasOwnProperty('errcode')) {
|
|||
|
|
result.errcode = respJSON.errcode;
|
|||
|
|
}
|
|||
|
|
if (respJSON.hasOwnProperty('token')) {
|
|||
|
|
result.token = respJSON.token;
|
|||
|
|
result.errcode = 0;
|
|||
|
|
token = result.token;
|
|||
|
|
fetch_device(0, 200);
|
|||
|
|
//存储设备列表
|
|||
|
|
device_resource_tree();
|
|||
|
|
}
|
|||
|
|
for(let i=0;i<ids.length;i++){
|
|||
|
|
playvideo(ids[i],'0',(i+1))
|
|||
|
|
}
|
|||
|
|
var url = _cf.websocket_url + "?token=" + token;
|
|||
|
|
if ("WebSocket" in window) {
|
|||
|
|
ws = new WebSocket(url);
|
|||
|
|
ws.onopen = function () {}
|
|||
|
|
ws.onmessage = function (evt) {
|
|||
|
|
if (typeof evt == "object" && evt.data) {
|
|||
|
|
var msg = $.xml2json(evt.data);
|
|||
|
|
|
|||
|
|
var event = msg.E || null;
|
|||
|
|
|
|||
|
|
if (event) {
|
|||
|
|
if (event.ID == "E_CU_Online") {
|
|||
|
|
$.messager.show({
|
|||
|
|
title: '消息',
|
|||
|
|
msg: '用户上线(' + (event.Desc.UserID + '@' + event.Desc.EPID) + ')',
|
|||
|
|
timeout: 3000,
|
|||
|
|
showType: 'slide'
|
|||
|
|
});
|
|||
|
|
} else if (event.ID == "E_CU_Offline") {
|
|||
|
|
$.messager.show({
|
|||
|
|
title: '消息',
|
|||
|
|
msg: '用户下线(' + (event.Desc.UserID + '@' + event.Desc.EPID) + ')',
|
|||
|
|
timeout: 3000,
|
|||
|
|
showType: 'slide'
|
|||
|
|
});
|
|||
|
|
} else if (event.ID == "E_PU_Online") {
|
|||
|
|
$.messager.show({
|
|||
|
|
title: '消息',
|
|||
|
|
msg: '设备上线.',
|
|||
|
|
timeout: 3000,
|
|||
|
|
showType: 'slide'
|
|||
|
|
});
|
|||
|
|
} else if (event.ID == "E_PU_Offline") {
|
|||
|
|
$.messager.show({
|
|||
|
|
title: '消息',
|
|||
|
|
msg: '设备下线.',
|
|||
|
|
timeout: 3000,
|
|||
|
|
showType: 'slide'
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
console.log(" no treatment event id " + (event["ID"] ? event["ID"] : ""));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
};
|
|||
|
|
ws.onclose = function () {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
ws.onerror = function () {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
console.log("not support web socket.");
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//创建二平台连接
|
|||
|
|
function connect1() {
|
|||
|
|
var self = this;
|
|||
|
|
var params1 = {
|
|||
|
|
"address": _cf1.connParams.address,
|
|||
|
|
"port": _cf1.connParams.port,
|
|||
|
|
"user": _cf1.connParams.user,
|
|||
|
|
"password": _cf1.connParams.password,
|
|||
|
|
"epid": _cf1.connParams.epid,
|
|||
|
|
"fixaddr": _cf1.connParams.bfix
|
|||
|
|
}
|
|||
|
|
requestPost('login',params1,_cf1.q2http_url, function (rv) {
|
|||
|
|
let self = this;
|
|||
|
|
var result = {
|
|||
|
|
errcode: -1,
|
|||
|
|
token: ''
|
|||
|
|
}
|
|||
|
|
var respJSON = rv.responseJSON;
|
|||
|
|
if (respJSON.hasOwnProperty('errcode')) {
|
|||
|
|
result.errcode = respJSON.errcode;
|
|||
|
|
}
|
|||
|
|
if (respJSON.hasOwnProperty('token')) {
|
|||
|
|
result.token = respJSON.token;
|
|||
|
|
result.errcode = 0;
|
|||
|
|
token = result.token;
|
|||
|
|
fetch_device(0, 200);
|
|||
|
|
//存储设备列表
|
|||
|
|
device_resource_tree();
|
|||
|
|
}
|
|||
|
|
for(let i=0;i<ids1.length;i++){
|
|||
|
|
playvideo1(ids1[i],'0',(i+5))
|
|||
|
|
}
|
|||
|
|
var url = _cf1.websocket_url + "?token=" + token;
|
|||
|
|
if ("WebSocket" in window) {
|
|||
|
|
ws = new WebSocket(url);
|
|||
|
|
ws.onopen = function () {}
|
|||
|
|
ws.onmessage = function (evt) {
|
|||
|
|
if (typeof evt == "object" && evt.data) {
|
|||
|
|
var msg = $.xml2json(evt.data);
|
|||
|
|
|
|||
|
|
var event = msg.E || null;
|
|||
|
|
|
|||
|
|
if (event) {
|
|||
|
|
if (event.ID == "E_CU_Online") {
|
|||
|
|
$.messager.show({
|
|||
|
|
title: '消息',
|
|||
|
|
msg: '用户上线(' + (event.Desc.UserID + '@' + event.Desc.EPID) + ')',
|
|||
|
|
timeout: 3000,
|
|||
|
|
showType: 'slide'
|
|||
|
|
});
|
|||
|
|
} else if (event.ID == "E_CU_Offline") {
|
|||
|
|
$.messager.show({
|
|||
|
|
title: '消息',
|
|||
|
|
msg: '用户下线(' + (event.Desc.UserID + '@' + event.Desc.EPID) + ')',
|
|||
|
|
timeout: 3000,
|
|||
|
|
showType: 'slide'
|
|||
|
|
});
|
|||
|
|
} else if (event.ID == "E_PU_Online") {
|
|||
|
|
$.messager.show({
|
|||
|
|
title: '消息',
|
|||
|
|
msg: '设备上线.',
|
|||
|
|
timeout: 3000,
|
|||
|
|
showType: 'slide'
|
|||
|
|
});
|
|||
|
|
} else if (event.ID == "E_PU_Offline") {
|
|||
|
|
$.messager.show({
|
|||
|
|
title: '消息',
|
|||
|
|
msg: '设备下线.',
|
|||
|
|
timeout: 3000,
|
|||
|
|
showType: 'slide'
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
console.log(" no treatment event id " + (event["ID"] ? event["ID"] : ""));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
};
|
|||
|
|
ws.onclose = function () {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
ws.onerror = function () {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
console.log("not support web socket.");
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
function bonusRequest(router,callback){
|
|||
|
|
var self = this;
|
|||
|
|
$.ajax({
|
|||
|
|
type: 'post',
|
|||
|
|
url: router,
|
|||
|
|
dataType: 'json',
|
|||
|
|
async: true,
|
|||
|
|
complete: function (rv) {
|
|||
|
|
if (typeof callback == 'function') callback(rv)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//获取设备列表
|
|||
|
|
function fetch_device(offset, count) {
|
|||
|
|
var self = this;
|
|||
|
|
//获取设备列表的接口
|
|||
|
|
// var router = 'CAS/C_CAS_QueryPUIDSets?offset=' + offset + '&count=' + count + '&token=' + token;
|
|||
|
|
var url = bonuspath+"/mcu/getBallList";
|
|||
|
|
bonusRequest(url, rv => {
|
|||
|
|
//alert(JSON.stringify(rv));
|
|||
|
|
var respJSON = rv.responseJSON;
|
|||
|
|
device_list = respJSON.obj;
|
|||
|
|
//把设备加载到指定的位置
|
|||
|
|
render_device_nodes(device_list);
|
|||
|
|
|
|||
|
|
if (device_list.length == count) {
|
|||
|
|
offset += count;
|
|||
|
|
fetch_device(offset, count);
|
|||
|
|
} else {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function render_device_nodes(device_list) {
|
|||
|
|
let data = new Array();
|
|||
|
|
for (var i = 0; i < device_list.length; i++) {
|
|||
|
|
var list = device_list[i];
|
|||
|
|
var icon = "icon-device-offline";
|
|||
|
|
if (list.onlineFlag == 1) {
|
|||
|
|
icon = "icon-device-online";
|
|||
|
|
data.push({
|
|||
|
|
id: list.id,
|
|||
|
|
text: list.name,
|
|||
|
|
iconCls: icon,
|
|||
|
|
attributes: {
|
|||
|
|
list: list
|
|||
|
|
},
|
|||
|
|
state: "closed",
|
|||
|
|
children: [{
|
|||
|
|
text: '正在查询资源……'
|
|||
|
|
}]
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
$('#resource_tree').tree('append', {
|
|||
|
|
data: data
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function device_resource_tree() {
|
|||
|
|
$('#resource_tree').tree({
|
|||
|
|
data: [],
|
|||
|
|
onBeforeLoad: function () {},
|
|||
|
|
onDblClick: function (node) {
|
|||
|
|
console.log('node',node)
|
|||
|
|
playvideo(node);
|
|||
|
|
},
|
|||
|
|
onExpand: function (node) {
|
|||
|
|
|
|||
|
|
var childs = $(this).tree('getChildren', node.target);
|
|||
|
|
if (childs.length == 1) {
|
|||
|
|
if (node.children[0].text == "正在查询资源……") {
|
|||
|
|
var newList = node.attributes.list;
|
|||
|
|
var params = {
|
|||
|
|
puid: [newList.id]
|
|||
|
|
};
|
|||
|
|
var url = bonuspath+"/mcu/getBallList?puid="+newList.id;
|
|||
|
|
|
|||
|
|
bonusRequest(url, rv => {
|
|||
|
|
console.log(rv);
|
|||
|
|
var respJSON = rv.responseJSON;
|
|||
|
|
var res = respJSON.obj;
|
|||
|
|
var videoList = [];
|
|||
|
|
var childNodes = new Array();
|
|||
|
|
for (let j = 0; j < res.length; j++) {
|
|||
|
|
var resource = res[j];
|
|||
|
|
if (resource.type != "IV") {
|
|||
|
|
continue;
|
|||
|
|
} else {
|
|||
|
|
videoList = resource
|
|||
|
|
var iconsuffix = "offline";
|
|||
|
|
var icon = "icon-camera-" + iconsuffix;
|
|||
|
|
if (newList.onlineFlag == 1) {
|
|||
|
|
iconsuffix = "online";
|
|||
|
|
icon = "icon-camera-" + iconsuffix;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
childNodes.push({
|
|||
|
|
id: newList.id + "_" + videoList.ballIndex,
|
|||
|
|
text: videoList.name,
|
|||
|
|
iconCls: icon,
|
|||
|
|
attributes: {
|
|||
|
|
newList: newList,
|
|||
|
|
self: videoList
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
if (childNodes.length > 0) {
|
|||
|
|
//删除load节点
|
|||
|
|
for (var i = 0; i < childs.length; i++) {
|
|||
|
|
$('#resource_tree').tree('remove', childs[i].target);
|
|||
|
|
}
|
|||
|
|
$('#resource_tree').tree('append', {
|
|||
|
|
parent: node.target,
|
|||
|
|
data: childNodes
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function CheckifSelectExamNo(){
|
|||
|
|
if($("#kc").val() ==""){
|
|||
|
|
alert("请输入本场考试的考场号")
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function playvideo(puid,idx,site) {
|
|||
|
|
//alert("node"+node)
|
|||
|
|
//校验是否选择考场号
|
|||
|
|
// CheckifSelectExamNo();
|
|||
|
|
//console.log('node',node)
|
|||
|
|
//var puid = node.attributes.newList.id;
|
|||
|
|
//var idx = node.attributes.self.ballIndex;
|
|||
|
|
//播视频接口
|
|||
|
|
let url = _cf.q2http_url + "stream.flv?puid=" + puid + "&idx=" + idx + "&stream=0&token=" + token;
|
|||
|
|
if (flvjs.isSupported()) {
|
|||
|
|
var videoElement = "";
|
|||
|
|
//4个窗口循环播放
|
|||
|
|
if (site == 2) {
|
|||
|
|
videoElement = document.getElementById('video2');
|
|||
|
|
} else if (site == 3) {
|
|||
|
|
videoElement = document.getElementById('video3');
|
|||
|
|
} else if (site == 4) {
|
|||
|
|
videoElement = document.getElementById('video4');
|
|||
|
|
} else if (site == 1) {
|
|||
|
|
videoElement = document.getElementById('video1');
|
|||
|
|
} else if (site == 5) {
|
|||
|
|
videoElement = document.getElementById('video5');
|
|||
|
|
} else if (site == 6) {
|
|||
|
|
videoElement = document.getElementById('video6');
|
|||
|
|
} else if (site == 7) {
|
|||
|
|
videoElement = document.getElementById('video7');
|
|||
|
|
} else if (site == 8) {
|
|||
|
|
videoElement = document.getElementById('video8');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
//循环播放后清除对应窗口数据缓存
|
|||
|
|
if (flvPlayerList && flvPlayerList.length > 0 && replay == 1) {
|
|||
|
|
//去掉空播放对象
|
|||
|
|
flvPlayerList.forEach(function (item, index) {
|
|||
|
|
if (!item) {
|
|||
|
|
flvPlayerList.splice(index, 1);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
for (let v of flvPlayerList) {
|
|||
|
|
if (v.key == playsite) {
|
|||
|
|
if (v.value) {
|
|||
|
|
v.value.unload();
|
|||
|
|
v.value.detachMediaElement();
|
|||
|
|
v.value.destroy();
|
|||
|
|
v.value = "";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
videoElement.controls = false;
|
|||
|
|
flvPlayer = flvjs.createPlayer({
|
|||
|
|
type: 'flv',
|
|||
|
|
url: url,
|
|||
|
|
isLive: true,
|
|||
|
|
hasAudio: false
|
|||
|
|
}, {
|
|||
|
|
enableWorker: false,
|
|||
|
|
autoCleanupSourceBuffer: true, //清理缓冲区
|
|||
|
|
enableStashBuffer: false,
|
|||
|
|
stashInitialSize: 128, // 减少首桢显示等待时长
|
|||
|
|
statisticsInfoReportInterval: 600
|
|||
|
|
});
|
|||
|
|
flvPlayer.attachMediaElement(videoElement);
|
|||
|
|
flvPlayer.load();
|
|||
|
|
|
|||
|
|
setTimeout(function () {
|
|||
|
|
flvPlayer.play();
|
|||
|
|
}, 100);
|
|||
|
|
|
|||
|
|
flvPlayer.on("scriptdata_arrived", function (e) {
|
|||
|
|
console.log("视频正在播放");
|
|||
|
|
|
|||
|
|
//记下存放flvPlayer
|
|||
|
|
flvPlayerList.push({ key: playsite, value: flvPlayer });
|
|||
|
|
//去掉空播放对象
|
|||
|
|
flvPlayerList.forEach(function (item, index) {
|
|||
|
|
console.log(item);
|
|||
|
|
if (!item.value) {
|
|||
|
|
flvPlayerList.splice(index, 1);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//如果4个播放窗口播完开始循环播放，从第一个窗口播放
|
|||
|
|
if (playsite < 8) {
|
|||
|
|
playsite += 1;
|
|||
|
|
} else {
|
|||
|
|
playsite = 1;
|
|||
|
|
replay = 1;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
flvPlayer.on("error", function (e) {
|
|||
|
|
//出现错误，重新播放
|
|||
|
|
console.log("出现错误，重新播放");
|
|||
|
|
console.log('url', url);
|
|||
|
|
setTimeout(() => {
|
|||
|
|
if (flvPlayerList && flvPlayerList.length) {
|
|||
|
|
flvPlayerList[playsite - 1].unload();
|
|||
|
|
flvPlayerList[playsite - 1].detachMediaElement();
|
|||
|
|
flvPlayerList[playsite - 1].destroy();
|
|||
|
|
flvPlayerList[playsite - 1] = ""
|
|||
|
|
}
|
|||
|
|
var videoElement = document.getElementById('video1');
|
|||
|
|
if (playsite == 2) {
|
|||
|
|
videoElement = document.getElementById('video2');
|
|||
|
|
} else if (playsite == 3) {
|
|||
|
|
videoElement = document.getElementById('video3');
|
|||
|
|
} else if (playsite == 4) {
|
|||
|
|
videoElement = document.getElementById('video4');
|
|||
|
|
} else if (playsite == 1) {
|
|||
|
|
videoElement = document.getElementById('video1');
|
|||
|
|
} else if (playsite == 5) {
|
|||
|
|
videoElement = document.getElementById('video5');
|
|||
|
|
} else if (playsite == 6) {
|
|||
|
|
videoElement = document.getElementById('video6');
|
|||
|
|
} else if (playsite == 7) {
|
|||
|
|
videoElement = document.getElementById('video7');
|
|||
|
|
} else if (playsite == 8) {
|
|||
|
|
videoElement = document.getElementById('video8');
|
|||
|
|
}
|
|||
|
|
if (videoelem) {
|
|||
|
|
videoElement = videoelem;
|
|||
|
|
}
|
|||
|
|
videoElement.controls = false;
|
|||
|
|
var flvPlayer = new flv.createPlayer({
|
|||
|
|
type: 'flv',
|
|||
|
|
isLive: true,
|
|||
|
|
hasAudio: false,
|
|||
|
|
url: url
|
|||
|
|
}, {
|
|||
|
|
enableWorker: false,
|
|||
|
|
autoCleanupSourceBuffer: true,
|
|||
|
|
enableStashBuffer: false,
|
|||
|
|
stashInitialSize: 128, // 减少首桢显示等待时长
|
|||
|
|
statisticsInfoReportInterval: 600
|
|||
|
|
});
|
|||
|
|
flvPlayer.attachMediaElement(videoElement);
|
|||
|
|
flvPlayer.load();
|
|||
|
|
flvPlayer.play();
|
|||
|
|
}, 100)
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
createPlayer();
|
|||
|
|
myPlayer.src(url);
|
|||
|
|
myPlayer.on("error", e => {
|
|||
|
|
setTimeout(e => {
|
|||
|
|
myPlayer.src(url);
|
|||
|
|
myPlayer.load(url);
|
|||
|
|
myPlayer.play();
|
|||
|
|
}, 1000);
|
|||
|
|
});
|
|||
|
|
myPlayer.on("ended", e => {
|
|||
|
|
setTimeout((e) => {
|
|||
|
|
myPlayer.src(url);
|
|||
|
|
myPlayer.load(url);
|
|||
|
|
myPlayer.play();
|
|||
|
|
}, 1000);
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function playvideo1(puid,idx,site) {
|
|||
|
|
//alert("node"+node)
|
|||
|
|
//校验是否选择考场号
|
|||
|
|
// CheckifSelectExamNo();
|
|||
|
|
//console.log('node',node)
|
|||
|
|
//var puid = node.attributes.newList.id;
|
|||
|
|
//var idx = node.attributes.self.ballIndex;
|
|||
|
|
//播视频接口
|
|||
|
|
let url = _cf1.q2http_url + "stream.flv?puid=" + puid + "&idx=" + idx + "&stream=0&token=" + token;
|
|||
|
|
if (flvjs.isSupported()) {
|
|||
|
|
var videoElement = "";
|
|||
|
|
//4个窗口循环播放
|
|||
|
|
if (site == 2) {
|
|||
|
|
videoElement = document.getElementById('video2');
|
|||
|
|
} else if (site == 3) {
|
|||
|
|
videoElement = document.getElementById('video3');
|
|||
|
|
} else if (site == 4) {
|
|||
|
|
videoElement = document.getElementById('video4');
|
|||
|
|
} else if (site == 1) {
|
|||
|
|
videoElement = document.getElementById('video1');
|
|||
|
|
} else if (site == 5) {
|
|||
|
|
videoElement = document.getElementById('video5');
|
|||
|
|
} else if (site == 6) {
|
|||
|
|
videoElement = document.getElementById('video6');
|
|||
|
|
} else if (site == 7) {
|
|||
|
|
videoElement = document.getElementById('video7');
|
|||
|
|
} else if (site == 8) {
|
|||
|
|
videoElement = document.getElementById('video8');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
//循环播放后清除对应窗口数据缓存
|
|||
|
|
if (flvPlayerList && flvPlayerList.length > 0 && replay == 1) {
|
|||
|
|
//去掉空播放对象
|
|||
|
|
flvPlayerList.forEach(function (item, index) {
|
|||
|
|
if (!item) {
|
|||
|
|
flvPlayerList.splice(index, 1);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
for (let v of flvPlayerList) {
|
|||
|
|
if (v.key == playsite) {
|
|||
|
|
if (v.value) {
|
|||
|
|
v.value.unload();
|
|||
|
|
v.value.detachMediaElement();
|
|||
|
|
v.value.destroy();
|
|||
|
|
v.value = "";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
videoElement.controls = false;
|
|||
|
|
flvPlayer = flvjs.createPlayer({
|
|||
|
|
type: 'flv',
|
|||
|
|
url: url,
|
|||
|
|
isLive: true,
|
|||
|
|
hasAudio: false
|
|||
|
|
}, {
|
|||
|
|
enableWorker: false,
|
|||
|
|
autoCleanupSourceBuffer: true, //清理缓冲区
|
|||
|
|
enableStashBuffer: false,
|
|||
|
|
stashInitialSize: 128, // 减少首桢显示等待时长
|
|||
|
|
statisticsInfoReportInterval: 600
|
|||
|
|
});
|
|||
|
|
flvPlayer.attachMediaElement(videoElement);
|
|||
|
|
flvPlayer.load();
|
|||
|
|
|
|||
|
|
setTimeout(function () {
|
|||
|
|
flvPlayer.play();
|
|||
|
|
}, 100);
|
|||
|
|
|
|||
|
|
flvPlayer.on("scriptdata_arrived", function (e) {
|
|||
|
|
console.log("视频正在播放");
|
|||
|
|
|
|||
|
|
//记下存放flvPlayer
|
|||
|
|
flvPlayerList.push({ key: playsite, value: flvPlayer });
|
|||
|
|
//去掉空播放对象
|
|||
|
|
flvPlayerList.forEach(function (item, index) {
|
|||
|
|
console.log(item);
|
|||
|
|
if (!item.value) {
|
|||
|
|
flvPlayerList.splice(index, 1);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//如果4个播放窗口播完开始循环播放，从第一个窗口播放
|
|||
|
|
if (playsite < 8) {
|
|||
|
|
playsite += 1;
|
|||
|
|
} else {
|
|||
|
|
playsite = 1;
|
|||
|
|
replay = 1;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
flvPlayer.on("error", function (e) {
|
|||
|
|
//出现错误，重新播放
|
|||
|
|
console.log("出现错误，重新播放");
|
|||
|
|
console.log('url', url);
|
|||
|
|
setTimeout(() => {
|
|||
|
|
if (flvPlayerList && flvPlayerList.length) {
|
|||
|
|
flvPlayerList[playsite - 1].unload();
|
|||
|
|
flvPlayerList[playsite - 1].detachMediaElement();
|
|||
|
|
flvPlayerList[playsite - 1].destroy();
|
|||
|
|
flvPlayerList[playsite - 1] = ""
|
|||
|
|
}
|
|||
|
|
var videoElement = document.getElementById('video1');
|
|||
|
|
if (playsite == 2) {
|
|||
|
|
videoElement = document.getElementById('video2');
|
|||
|
|
} else if (playsite == 3) {
|
|||
|
|
videoElement = document.getElementById('video3');
|
|||
|
|
} else if (playsite == 4) {
|
|||
|
|
videoElement = document.getElementById('video4');
|
|||
|
|
} else if (playsite == 1) {
|
|||
|
|
videoElement = document.getElementById('video1');
|
|||
|
|
} else if (playsite == 5) {
|
|||
|
|
videoElement = document.getElementById('video5');
|
|||
|
|
} else if (playsite == 6) {
|
|||
|
|
videoElement = document.getElementById('video6');
|
|||
|
|
} else if (playsite == 7) {
|
|||
|
|
videoElement = document.getElementById('video7');
|
|||
|
|
} else if (playsite == 8) {
|
|||
|
|
videoElement = document.getElementById('video8');
|
|||
|
|
}
|
|||
|
|
if (videoelem) {
|
|||
|
|
videoElement = videoelem;
|
|||
|
|
}
|
|||
|
|
videoElement.controls = false;
|
|||
|
|
var flvPlayer = new flv.createPlayer({
|
|||
|
|
type: 'flv',
|
|||
|
|
isLive: true,
|
|||
|
|
hasAudio: false,
|
|||
|
|
url: url
|
|||
|
|
}, {
|
|||
|
|
enableWorker: false,
|
|||
|
|
autoCleanupSourceBuffer: true,
|
|||
|
|
enableStashBuffer: false,
|
|||
|
|
stashInitialSize: 128, // 减少首桢显示等待时长
|
|||
|
|
statisticsInfoReportInterval: 600
|
|||
|
|
});
|
|||
|
|
flvPlayer.attachMediaElement(videoElement);
|
|||
|
|
flvPlayer.load();
|
|||
|
|
flvPlayer.play();
|
|||
|
|
}, 100)
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
createPlayer();
|
|||
|
|
myPlayer.src(url);
|
|||
|
|
myPlayer.on("error", e => {
|
|||
|
|
setTimeout(e => {
|
|||
|
|
myPlayer.src(url);
|
|||
|
|
myPlayer.load(url);
|
|||
|
|
myPlayer.play();
|
|||
|
|
}, 1000);
|
|||
|
|
});
|
|||
|
|
myPlayer.on("ended", e => {
|
|||
|
|
setTimeout((e) => {
|
|||
|
|
myPlayer.src(url);
|
|||
|
|
myPlayer.load(url);
|
|||
|
|
myPlayer.play();
|
|||
|
|
}, 1000);
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function createPlayer() {
|
|||
|
|
|
|||
|
|
var videoElement = document.getElementById('video1');
|
|||
|
|
if (videoelem) {
|
|||
|
|
videoElement = videoelem;
|
|||
|
|
}
|
|||
|
|
myPlayer = new videojs('videoElement', {
|
|||
|
|
"techOrder": ["html5", "flash"],
|
|||
|
|
preload: 'auto',
|
|||
|
|
posterImage: false,
|
|||
|
|
controls: true,
|
|||
|
|
autoplay: true,
|
|||
|
|
bigPlayButton: false,
|
|||
|
|
videoWidth: 704,
|
|||
|
|
videoHeight: 598,
|
|||
|
|
controlBar: {
|
|||
|
|
playToggle: false,
|
|||
|
|
volumePanel: {
|
|||
|
|
inline: false
|
|||
|
|
},
|
|||
|
|
remainingTimeDisplay: false,
|
|||
|
|
progressControl: false,
|
|||
|
|
LiveDisplay: true
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
//停止视频
|
|||
|
|
function pausevideo() {
|
|||
|
|
if (flvjs.isSupported()) {
|
|||
|
|
// //去掉空播放对象
|
|||
|
|
flvPlayerList.forEach(function (item, index) {
|
|||
|
|
if (!item) {
|
|||
|
|
flvPlayerList.splice(index, 1);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
if (chooseplaysite && flvPlayerList && flvPlayerList.length) {
|
|||
|
|
for (let v of flvPlayerList) {
|
|||
|
|
if (v.key == chooseplaysite) {
|
|||
|
|
if (v.value) {
|
|||
|
|
v.value.unload();
|
|||
|
|
v.value.detachMediaElement();
|
|||
|
|
v.value.destroy();
|
|||
|
|
v.value = "";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
} else {
|
|||
|
|
alert("请选择要视频窗口");
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
myPlayer.reset();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//双击视频可以全屏播放
|
|||
|
|
function videofullscreen(a) {
|
|||
|
|
|
|||
|
|
// $(p).fullScreen(true);
|
|||
|
|
// $(p).toggleFullScreen();
|
|||
|
|
//$(p).fullScreen(false);
|
|||
|
|
canvasDrawVideo.onLoad('c1')
|
|||
|
|
event.stopPropagation();
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//单击视频框添加样式
|
|||
|
|
function changestyle(box) {
|
|||
|
|
var p = '#' + box.id;
|
|||
|
|
$(p).siblings().css("border", "1px grey solid");
|
|||
|
|
$(p).css("border", "1px rgb(97, 19, 239) solid");
|
|||
|
|
if (box == windowbox) {
|
|||
|
|
videoelem = document.getElementById('video1');
|
|||
|
|
chooseplaysite = 1; //对应的第1窗口，以下类推
|
|||
|
|
} else if (box == windowbox2) {
|
|||
|
|
videoelem = document.getElementById('video2');
|
|||
|
|
chooseplaysite = 2;
|
|||
|
|
} else if (box == windowbox3) {
|
|||
|
|
videoelem = document.getElementById('video3');
|
|||
|
|
chooseplaysite = 3;
|
|||
|
|
} else if (box == windowbox4) {
|
|||
|
|
videoelem = document.getElementById('video4');
|
|||
|
|
chooseplaysite = 4;
|
|||
|
|
} else if (box == windowbox5) {
|
|||
|
|
videoelem = document.getElementById('video5');
|
|||
|
|
chooseplaysite = 5;
|
|||
|
|
} else if (box == windowbox6) {
|
|||
|
|
videoelem = document.getElementById('video6');
|
|||
|
|
chooseplaysite = 6;
|
|||
|
|
} else if (box == windowbox7) {
|
|||
|
|
videoelem = document.getElementById('video7');
|
|||
|
|
chooseplaysite = 7;
|
|||
|
|
} else if (box == windowbox8) {
|
|||
|
|
videoelem = document.getElementById('video8');
|
|||
|
|
chooseplaysite = 8;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//右键点击事件取消具体某个窗口播放视频
|
|||
|
|
document.oncontextmenu = function (e) {
|
|||
|
|
return false;
|
|||
|
|
};
|
|||
|
|
$(p).mousedown(function (e) {
|
|||
|
|
if (e.which == 3) {
|
|||
|
|
$(p).css("border", "1px grey solid");
|
|||
|
|
videoelem = "";
|
|||
|
|
chooseplaysite = 0;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//云台操作
|
|||
|
|
function get_select_node() {
|
|||
|
|
var node = $('#resource_tree').tree("getSelected");
|
|||
|
|
/*if (node && node.attributes && node.attributes.self && node.attributes.self.Type == "IV") {
|
|||
|
|
return {
|
|||
|
|
puid: node.attributes.newList.id,
|
|||
|
|
idx: node.attributes.self.Idx
|
|||
|
|
};
|
|||
|
|
}*/
|
|||
|
|
return {
|
|||
|
|
puid: node.attributes.newList.id,
|
|||
|
|
idx: node.attributes.self.Idx
|
|||
|
|
};
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
//缩放功能
|
|||
|
|
function zoomcontrol(btn, option) {
|
|||
|
|
let self = this;
|
|||
|
|
var camera = get_select_node();
|
|||
|
|
if (!camera) return;
|
|||
|
|
let params = {
|
|||
|
|
puid: camera.puid,
|
|||
|
|
idx: camera.idx
|
|||
|
|
}
|
|||
|
|
if (!camera) return;
|
|||
|
|
if (option == "stop") {
|
|||
|
|
//停止缩放接口
|
|||
|
|
requestPost('PTZ/C_PTZ_StopPictureZoom?token=' + token, params, rv => {
|
|||
|
|
var respJSON = rv.responseJSON;
|
|||
|
|
})
|
|||
|
|
} else if (option == "zoomin") {
|
|||
|
|
//放大图像接口
|
|||
|
|
requestPost('PTZ/C_PTZ_ZoomInPicture?token=' + token, params, rv => {})
|
|||
|
|
} else {
|
|||
|
|
//缩小图像接口
|
|||
|
|
requestPost('PTZ/C_PTZ_ZoomOutPicture?token=' + token, params, rv => {})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//远近焦点功能
|
|||
|
|
function focuscontrol(btn, option) {
|
|||
|
|
let self = this;
|
|||
|
|
var camera = get_select_node();
|
|||
|
|
if (!camera) return;
|
|||
|
|
let params = {
|
|||
|
|
puid: camera.puid,
|
|||
|
|
idx: camera.idx
|
|||
|
|
}
|
|||
|
|
if (!camera) return;
|
|||
|
|
if (option == "near") {
|
|||
|
|
requestPost('PTZ/C_PTZ_MakeFocusNear?token=' + token, params, rv => {
|
|||
|
|
console.log(rv)
|
|||
|
|
})
|
|||
|
|
} else if (option == "faraway") {
|
|||
|
|
requestPost('PTZ/C_PTZ_MakeFocusFar?token=' + token, params, rv => {
|
|||
|
|
console.log(rv)
|
|||
|
|
})
|
|||
|
|
} else {
|
|||
|
|
requestPost('PTZ/C_PTZ_StopFocusMove?token=' + token, params, rv => {
|
|||
|
|
console.log(rv)
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
//动态添加select里面的option
|
|||
|
|
function getValue() {
|
|||
|
|
var data = new Array();
|
|||
|
|
data.length = 256;
|
|||
|
|
for (let i = 1; i < data.length; i++) {
|
|||
|
|
$("#select").append("<option value='" + i + "'>预置位" + i + "</option>");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//设置预置位
|
|||
|
|
function setPresetPos() {
|
|||
|
|
let self = this;
|
|||
|
|
var camera = get_select_node();
|
|||
|
|
if (!camera) return;
|
|||
|
|
var value = $("#select option:selected").val();
|
|||
|
|
console.log(value)
|
|||
|
|
if (value != "") {
|
|||
|
|
pos = value;
|
|||
|
|
}
|
|||
|
|
requestPost('PTZ/C_PTZ_SetPresetPos?token=' + token, {
|
|||
|
|
puid: camera.puid,
|
|||
|
|
idx: camera.idx,
|
|||
|
|
PresetPos: pos
|
|||
|
|
}, rv => {});
|
|||
|
|
}
|
|||
|
|
//前往预置位
|
|||
|
|
function startPresetPos(presetPos) {
|
|||
|
|
let self = this;
|
|||
|
|
var camera = get_select_node();
|
|||
|
|
if (!camera) return;
|
|||
|
|
var value = $("#select").val();
|
|||
|
|
requestPost('PTZ/C_PTZ_MoveToPresetPos?token=' + token, {
|
|||
|
|
puid: camera.puid,
|
|||
|
|
idx: camera.idx,
|
|||
|
|
PresetPos: value
|
|||
|
|
}, rv => {});
|
|||
|
|
}
|
|||
|
|
//前往最原始预置位
|
|||
|
|
function originalPresetPos() {
|
|||
|
|
let self = this;
|
|||
|
|
var camera = get_select_node();
|
|||
|
|
if (!camera) return;
|
|||
|
|
requestPost('PTZ/C_PTZ_GotoOriginalPresetPos?token=' + token, {
|
|||
|
|
puid: camera.puid,
|
|||
|
|
idx: camera.idx
|
|||
|
|
}, rv => {
|
|||
|
|
// console.log(rv)
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
//开始云抓拍
|
|||
|
|
function startmanual() {
|
|||
|
|
let self = this;
|
|||
|
|
var camera = get_select_node();
|
|||
|
|
if (!camera) return;
|
|||
|
|
|
|||
|
|
requestPost('CSS/C_CSS_StartManualSnapshot?token=' + token, {
|
|||
|
|
puid: camera.puid,
|
|||
|
|
idx: camera.idx,
|
|||
|
|
stream: 0
|
|||
|
|
}, rv => {
|
|||
|
|
var respJSON = rv.responseJSON;
|
|||
|
|
pictureId = respJSON.ID;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//开始云录像
|
|||
|
|
function startstorage() {
|
|||
|
|
let self = this;
|
|||
|
|
var camera = get_select_node();
|
|||
|
|
if (!camera) return;
|
|||
|
|
var puid = camera.puid;
|
|||
|
|
var idx = camera.idx;
|
|||
|
|
|
|||
|
|
requestPost('CSS/C_CSS_StartManualStorage?token=' + token, {
|
|||
|
|
puid: camera.puid,
|
|||
|
|
idx: camera.idx,
|
|||
|
|
duration: 5,
|
|||
|
|
reserveDay: 30,
|
|||
|
|
fileLength: 15,
|
|||
|
|
type: 0
|
|||
|
|
}, rv => {
|
|||
|
|
var respJSON = rv.responseJSON;
|
|||
|
|
storageId = respJSON.Param.ID;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
//停止云抓拍、云录像
|
|||
|
|
function stopmanual(id) {
|
|||
|
|
console.log(id);
|
|||
|
|
requestPost('CSS/C_CSS_StopManualStorage?token=' + token, {
|
|||
|
|
id: id
|
|||
|
|
}, rv => {});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
function stopcall() {
|
|||
|
|
var camera = get_select_node();
|
|||
|
|
if (!camera) return;
|
|||
|
|
var puid = camera.puid;
|
|||
|
|
var idx = camera.idx;
|
|||
|
|
var name = puid + "_" + idx
|
|||
|
|
|
|||
|
|
//参数说明
|
|||
|
|
/*
|
|||
|
|
name:喊话的标识，每个喊话都有一个标识，刷新网页或者不需要喊话了，请调用停止接口，否则喊话通道会一直存在
|
|||
|
|
*/
|
|||
|
|
stopCall(name);
|
|||
|
|
}
|