678 lines
24 KiB
JavaScript
678 lines
24 KiB
JavaScript
// 已登录设备、设备端口、RTSP端口
|
||
let ip = null, deviceport = null, rtspport = null;
|
||
// 码流类型(1.主码流 2.子码流 3.第三码流 4.转码码流)
|
||
let streamtype = 2;
|
||
// 数字通道为false、零通道为true
|
||
let bZero = 'false';
|
||
// 回放码流类型 1.主码流 2.子码流
|
||
let record_streamtype = 1;
|
||
let oSel = [
|
||
{ title: '球机', parentId: '-1', id: '0' }], deviceStatusList = [];
|
||
// 初始化插件
|
||
|
||
// 全局保存当前选中窗口
|
||
var g_iWndIndex = 0; //可以不用设置这个变量，有窗口参数的接口中，不用传值，开发包会默认使用当前选择窗口
|
||
var g_oLocalConfig = null; //本地配置
|
||
|
||
//错误码
|
||
//通用错误
|
||
var ERROR_CODE_UNKNOWN = 1000; //未知错误
|
||
var ERROR_CODE_NETWORKERROR = 1001; //网络错误
|
||
var ERROR_CODE_PARAMERROR = 1002; //缺少插件元素
|
||
|
||
//登录模块
|
||
var ERROR_CODE_LOGIN_NOLOGIN = 2000; // 未登录
|
||
var ERROR_CODE_LOGIN_REPEATLOGIN = 2001; //设备已登录，重复登录
|
||
var ERROR_CODE_LOGIN_NOSUPPORT = 2002; //当前设备不支持Digest登录
|
||
|
||
//预览播放
|
||
var ERROR_CODE_PLAY_PLUGININITFAIL = 3000; //插件初始化失败
|
||
var ERROR_CODE_PLAY_NOREPEATPLAY = 3001; //当前窗口已经在预览
|
||
var ERROR_CODE_PLAY_PLAYBACKABNORMAL = 3002; //回放异常
|
||
var ERROR_CODE_PLAY_PLAYBACKSTOP = 3003; //回放停止
|
||
var ERROR_CODE_PLAY_NOFREESPACE = 3004; //录像过程中，硬盘容量不足
|
||
|
||
//对讲
|
||
var ERROR_CODE_TALK_FAIL = 5000; //语音对讲失败
|
||
|
||
var version = "V3.3.0build20230322"
|
||
$(function () {
|
||
// 初始化插件参数及插入插件
|
||
WebVideoCtrl.I_InitPlugin({
|
||
bWndFull: true, //是否支持单窗口双击全屏，默认支持 true:支持 false:不支持
|
||
iWndowType: 1,
|
||
// aIframe: ["test"],
|
||
cbSelWnd: function (xmlDoc) {
|
||
g_iWndIndex = parseInt($(xmlDoc).find("SelectWnd").eq(0).text(), 10);
|
||
var szInfo = "当前选择的窗口编号：" + g_iWndIndex;
|
||
showCBInfo(szInfo);
|
||
},
|
||
cbDoubleClickWnd: function (iWndIndex, bFullScreen) {
|
||
var szInfo = "当前放大的窗口编号：" + iWndIndex;
|
||
if (!bFullScreen) {
|
||
szInfo = "当前还原的窗口编号：" + iWndIndex;
|
||
}
|
||
showCBInfo(szInfo);
|
||
},
|
||
cbEvent: function (iEventType, iParam1, iParam2) {
|
||
if (2 == iEventType) {// 回放正常结束
|
||
showCBInfo("窗口" + iParam1 + "回放结束！");
|
||
} else if (-1 == iEventType) {
|
||
showCBInfo("设备" + iParam1 + "网络错误！");
|
||
} else if (3001 == iEventType) {
|
||
clickStopRecord(g_szRecordType, iParam1);
|
||
}
|
||
},
|
||
cbInitPluginComplete: function () {
|
||
WebVideoCtrl.I_InsertOBJECTPlugin("divPlugin").then(() => {
|
||
// 检查插件是否最新
|
||
WebVideoCtrl.I_CheckPluginVersion().then((bFlag) => {
|
||
if (bFlag) {
|
||
alert("检测到新的插件版本，双击开发包目录里的HCWebSDKPluginsUserSetup.exe升级！");
|
||
}
|
||
});
|
||
}, () => {
|
||
alert("插件初始化失败，请确认是否已安装插件；如果未安装，请双击开发包目录里的HCWebSDKPluginsUserSetup.exe安装！");
|
||
});
|
||
}
|
||
});
|
||
// 窗口事件绑定
|
||
$(window).bind({
|
||
resize: function () {
|
||
//WebVideoCtrl.I_Resize($("body").width(), $("body").height());
|
||
}
|
||
});
|
||
|
||
//初始化日期时间
|
||
var szCurTime = dateFormat(new Date(), "yyyy-MM-dd");
|
||
$("#starttime").val(szCurTime + " 00:00:00");
|
||
$("#endtime").val(szCurTime + " 23:59:59");
|
||
$("#downloadstarttime").val(szCurTime + " 00:00:00");
|
||
$("#downloadendtime").val(szCurTime + " 23:59:59");
|
||
});
|
||
|
||
// 格式化时间
|
||
function dateFormat(oDate, fmt) {
|
||
var o = {
|
||
"M+": oDate.getMonth() + 1, //月份
|
||
"d+": oDate.getDate(), //日
|
||
"h+": oDate.getHours(), //小时
|
||
"m+": oDate.getMinutes(), //分
|
||
"s+": oDate.getSeconds(), //秒
|
||
"q+": Math.floor((oDate.getMonth() + 3) / 3), //季度
|
||
"S": oDate.getMilliseconds()//毫秒
|
||
};
|
||
if (/(y+)/.test(fmt)) {
|
||
fmt = fmt.replace(RegExp.$1, (oDate.getFullYear() + "").substr(4 - RegExp.$1.length));
|
||
}
|
||
for (var k in o) {
|
||
if (new RegExp("(" + k + ")").test(fmt)) {
|
||
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
|
||
}
|
||
}
|
||
return fmt;
|
||
}
|
||
|
||
// 显示回调信息
|
||
function showCBInfo(szInfo) {
|
||
szInfo = "<div>" + dateFormat(new Date(), "yyyy-MM-dd hh:mm:ss") + " " + szInfo + "</div>";
|
||
$("#cbinfo").html(szInfo + $("#cbinfo").html());
|
||
}
|
||
|
||
// 窗口分割数
|
||
function changeWndNum(iType) {
|
||
iType = parseInt(iType, 10);
|
||
WebVideoCtrl.I_ChangeWndNum(iType);
|
||
}
|
||
|
||
// 登录
|
||
function clickLogin(szProtoType) {
|
||
var szIP = login_config.loginip,
|
||
szPort = login_config.port,
|
||
szUsername = login_config.username,
|
||
szPassword = login_config.password;
|
||
|
||
if ("" == szIP || "" == szPort) {
|
||
return;
|
||
}
|
||
|
||
var szDeviceIdentify = szIP + "_" + szPort;
|
||
let loadingMsg = parent.layer.msg("设备初始化中，请稍后...", { icon: 16, scrollbar: false, time: 0, offset: 't' });
|
||
WebVideoCtrl.I_Login(szIP, szProtoType, szPort, szUsername, szPassword, {
|
||
timeout: 3000,
|
||
success: function (xmlDoc) {
|
||
/* showOPInfo(szDeviceIdentify + " 登录成功！");
|
||
$("#ip").prepend("<option value='" + szDeviceIdentify + "'>" + szDeviceIdentify + "</option>"); */
|
||
console.log(szDeviceIdentify + " 登录成功！");
|
||
setTimeout(function () {
|
||
// $("#ip").val(szDeviceIdentify);
|
||
ip = szDeviceIdentify;
|
||
setTimeout(function () {
|
||
getChannelInfo();
|
||
setTimeout(() => {
|
||
setTreeData(loadingMsg);
|
||
}, 1000);
|
||
}, 1000);
|
||
getDevicePort();
|
||
}, 10);
|
||
},
|
||
error: function (oError) {
|
||
if (ERROR_CODE_LOGIN_REPEATLOGIN === status) {
|
||
// showOPInfo(szDeviceIdentify + " 已登录过！");
|
||
console.log(szDeviceIdentify + " 已登录过！");
|
||
} else {
|
||
if (oError.errorCode === 401) {
|
||
// showOPInfo(szDeviceIdentify + " 登录失败，已自动切换认证方式！");
|
||
console.log(szDeviceIdentify + " 登录失败，已自动切换认证方式！");
|
||
} else {
|
||
// showOPInfo(szDeviceIdentify + " 登录失败！", oError.errorCode, oError.errorMsg);
|
||
console.log(szDeviceIdentify + " 登录失败！", oError.errorCode, oError.errorMsg);
|
||
}
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
// 获取通道
|
||
function getChannelInfo() {
|
||
var szDeviceIdentify = ip;
|
||
// oSel = $("#channels").empty();
|
||
// oSel = null;
|
||
|
||
if (null == szDeviceIdentify) {
|
||
return;
|
||
}
|
||
|
||
// 模拟通道
|
||
WebVideoCtrl.I_GetAnalogChannelInfo(szDeviceIdentify, {
|
||
success: function (xmlDoc) {
|
||
var oChannels = $(xmlDoc).find("VideoInputChannel");
|
||
|
||
$.each(oChannels, function (i) {
|
||
var id = $(this).find("id").eq(0).text(),
|
||
name = $(this).find("name").eq(0).text();
|
||
if ("" == name) {
|
||
name = "Camera " + (i < 9 ? "0" + (i + 1) : (i + 1));
|
||
}
|
||
// oSel.append("<option value='" + id + "' bZero='false'>" + name + "</option>");
|
||
// oSel += "<option value='" + id + "' bZero='false'>" + name + "</option>";
|
||
oSel.push({ id: id, bZero: 'false', name: name, parentId: '0' })
|
||
});
|
||
console.log(szDeviceIdentify + " 获取模拟通道成功！");
|
||
},
|
||
error: function (oError) {
|
||
console.log(szDeviceIdentify + " 获取模拟通道失败！", oError.errorCode, oError.errorMsg);
|
||
}
|
||
});
|
||
// 数字通道
|
||
WebVideoCtrl.I_GetDigitalChannelInfo(szDeviceIdentify, {
|
||
success: function (xmlDoc) {
|
||
var oChannels = $(xmlDoc).find("InputProxyChannelStatus");
|
||
|
||
$.each(oChannels, function (i) {
|
||
var id = $(this).find("id").eq(0).text(),
|
||
name = $(this).find("name").eq(0).text(),
|
||
online = $(this).find("online").eq(0).text();
|
||
if ("false" == online) {// 过滤禁用的数字通道
|
||
return true;
|
||
}
|
||
if ("" == name) {
|
||
name = "IPCamera " + (i < 9 ? "0" + (i + 1) : (i + 1));
|
||
}
|
||
// oSel.append("<option value='" + id + "' bZero='false'>" + name + "</option>");
|
||
// oSel += "<option value='" + id + "' bZero='false'>" + name + "</option>";
|
||
oSel.push({ id: id, bZero: 'false', name: name, parentId: '0' })
|
||
});
|
||
console.log(szDeviceIdentify + " 获取数字通道成功！");
|
||
},
|
||
error: function (oError) {
|
||
console.log(szDeviceIdentify + " 获取数字通道失败！", oError.errorCode, oError.errorMsg);
|
||
}
|
||
});
|
||
// 零通道
|
||
/* WebVideoCtrl.I_GetZeroChannelInfo(szDeviceIdentify, {
|
||
success: function (xmlDoc) {
|
||
var oChannels = $(xmlDoc).find("ZeroVideoChannel");
|
||
|
||
$.each(oChannels, function (i) {
|
||
var id = $(this).find("id").eq(0).text(),
|
||
name = $(this).find("name").eq(0).text();
|
||
if ("" == name) {
|
||
name = "Zero Channel " + (i < 9 ? "0" + (i + 1) : (i + 1));
|
||
}
|
||
if ("true" == $(this).find("enabled").eq(0).text()) {// 过滤禁用的零通道
|
||
// oSel.append("<option value='" + id + "' bZero='true'>" + name + "</option>");
|
||
// oSel += "<option value='" + id + "' bZero='true'>" + name + "</option>";
|
||
oSel.push({ id: id, bZero: 'true', name: name, parentId: '0' })
|
||
}
|
||
});
|
||
console.log(szDeviceIdentify + " 获取零通道成功！");
|
||
},
|
||
error: function (oError) {
|
||
console.log(szDeviceIdentify + " 获取零通道失败！", oError.errorCode, oError.errorMsg);
|
||
}
|
||
}); */
|
||
}
|
||
|
||
// 获取端口
|
||
function getDevicePort() {
|
||
var szDeviceIdentify = ip;
|
||
|
||
if (null == szDeviceIdentify) {
|
||
return;
|
||
}
|
||
|
||
var oPort = WebVideoCtrl.I_GetDevicePort(szDeviceIdentify).then((oPort) => {
|
||
/* $("#deviceport").val(oPort.iDevicePort);
|
||
$("#rtspport").val(oPort.iRtspPort); */
|
||
deviceport = oPort.iDevicePort;
|
||
rtspport = oPort.iRtspPort;
|
||
console.log(szDeviceIdentify + " 获取端口成功！");
|
||
}, (oError) => {
|
||
var szInfo = "获取端口失败！";
|
||
console.log(szDeviceIdentify + szInfo, oError.errorCode, oError.errorMsg);
|
||
});
|
||
}
|
||
|
||
// 获取数字通道
|
||
async function clickGetDigitalChannelInfo() {
|
||
var szDeviceIdentify = ip,
|
||
iAnalogChannelNum = 0;
|
||
|
||
// $("#digitalchannellist").empty();
|
||
|
||
if (null == szDeviceIdentify) {
|
||
return;
|
||
}
|
||
|
||
// 模拟通道
|
||
try {
|
||
var oAnalogChannelInfo = await WebVideoCtrl.I_GetAnalogChannelInfo(szDeviceIdentify, {});
|
||
iAnalogChannelNum = $(oAnalogChannelInfo).find("VideoInputChannel").length;
|
||
} finally {
|
||
// 数字通道
|
||
WebVideoCtrl.I_GetDigitalChannelInfo(szDeviceIdentify, {
|
||
success: function (xmlDoc) {
|
||
var oChannels = $(xmlDoc).find("InputProxyChannelStatus");
|
||
|
||
$.each(oChannels, function () {
|
||
var id = parseInt($(this).find("id").eq(0).text(), 10),
|
||
ipAddress = $(this).find("ipAddress").eq(0).text(),
|
||
srcInputPort = $(this).find("srcInputPort").eq(0).text(),
|
||
managePortNo = $(this).find("managePortNo").eq(0).text(),
|
||
online = $(this).find("online").eq(0).text(),
|
||
proxyProtocol = $(this).find("proxyProtocol").eq(0).text();
|
||
deviceStatusList.push({ id: id, online: online === 'true' ? '1' : '0' });
|
||
});
|
||
console.log(szDeviceIdentify + " 获取数字通道成功！");
|
||
},
|
||
error: function (oError) {
|
||
console.log(szDeviceIdentify + " 没有数字通道！", oError.errorCode, oError.errorMsg);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
// 开始预览
|
||
function clickStartRealPlay(iStreamType, iChannelID, bZero) {
|
||
var oWndInfo = WebVideoCtrl.I_GetWindowStatus(g_iWndIndex),
|
||
szDeviceIdentify = ip,
|
||
iRtspPort = parseInt(rtspport, 10),
|
||
iChannelID = iChannelID,
|
||
bZeroChannel = bZero == "true" ? true : false,
|
||
// bZeroChannel = $("#channels option").eq($("#channels").get(0).selectedIndex).attr("bZero") == "true" ? true : false,
|
||
szInfo = "";
|
||
|
||
iStreamType = streamtype;
|
||
if (null == szDeviceIdentify) {
|
||
return;
|
||
}
|
||
var startRealPlay = function () {
|
||
WebVideoCtrl.I_StartRealPlay(szDeviceIdentify, {
|
||
iStreamType: iStreamType,
|
||
iChannelID: iChannelID,
|
||
bZeroChannel: bZeroChannel,
|
||
iPort: iRtspPort,
|
||
success: function () {
|
||
szInfo = "开始预览成功！";
|
||
console.log(szDeviceIdentify + " " + szInfo);
|
||
parent.layer.msg('开始预览成功！', { icon: 1, offset: 't' });
|
||
},
|
||
error: function (oError) {
|
||
console.log(szDeviceIdentify + " 开始预览失败！", oError.errorCode, oError.errorMsg);
|
||
parent.layer.msg('开始预览失败！', { icon: 2, offset: 't' });
|
||
}
|
||
});
|
||
};
|
||
|
||
if (oWndInfo != null) {// 已经在播放了，先停止
|
||
WebVideoCtrl.I_Stop({
|
||
success: function () {
|
||
startRealPlay();
|
||
}
|
||
});
|
||
} else {
|
||
startRealPlay();
|
||
}
|
||
}
|
||
|
||
// 停止预览
|
||
function clickStopRealPlay() {
|
||
var oWndInfo = WebVideoCtrl.I_GetWindowStatus(g_iWndIndex),
|
||
szInfo = "";
|
||
|
||
if (oWndInfo != null) {
|
||
WebVideoCtrl.I_Stop({
|
||
success: function () {
|
||
szInfo = "停止预览成功！";
|
||
console.log(oWndInfo.szDeviceIdentify + " " + szInfo);
|
||
},
|
||
error: function (oError) {
|
||
console.log(szDeviceIdentify + " 停止预览失败！", oError.errorCode, oError.errorMsg);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
// PTZ控制 9为自动，1,2,3,4,5,6,7,8为方向PTZ
|
||
var g_bPTZAuto = false;
|
||
function mouseDownPTZControl(iPTZIndex) {
|
||
var oWndInfo = WebVideoCtrl.I_GetWindowStatus(g_iWndIndex),
|
||
bZeroChannel = false,
|
||
iPTZSpeed = 4;
|
||
|
||
if (bZeroChannel) {// 零通道不支持云台
|
||
return;
|
||
}
|
||
|
||
if (oWndInfo != null) {
|
||
if (9 == iPTZIndex && g_bPTZAuto) {
|
||
iPTZSpeed = 0;// 自动开启后，速度置为0可以关闭自动
|
||
} else {
|
||
g_bPTZAuto = false;// 点击其他方向，自动肯定会被关闭
|
||
}
|
||
|
||
WebVideoCtrl.I_PTZControl(iPTZIndex, false, {
|
||
iPTZSpeed: iPTZSpeed,
|
||
success: function (xmlDoc) {
|
||
if (9 == iPTZIndex && g_bPTZAuto) {
|
||
console.log(oWndInfo.szDeviceIdentify + " 停止云台成功！");
|
||
} else {
|
||
console.log(oWndInfo.szDeviceIdentify + " 开启云台成功！");
|
||
}
|
||
if (9 == iPTZIndex) {
|
||
g_bPTZAuto = !g_bPTZAuto;
|
||
}
|
||
},
|
||
error: function (oError) {
|
||
console.log(oWndInfo.szDeviceIdentify + " 开启云台失败！", oError.errorCode, oError.errorMsg);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
// 方向PTZ停止
|
||
function mouseUpPTZControl() {
|
||
var oWndInfo = WebVideoCtrl.I_GetWindowStatus(g_iWndIndex);
|
||
|
||
if (oWndInfo != null) {
|
||
WebVideoCtrl.I_PTZControl(1, true, {
|
||
success: function (xmlDoc) {
|
||
console.log(oWndInfo.szDeviceIdentify + " 停止云台成功！");
|
||
},
|
||
error: function (oError) {
|
||
console.log(oWndInfo.szDeviceIdentify + " 停止云台失败！", oError.errorCode, oError.errorMsg);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
|
||
function PTZZoomIn() {
|
||
var oWndInfo = WebVideoCtrl.I_GetWindowStatus(g_iWndIndex);
|
||
|
||
if (oWndInfo != null) {
|
||
WebVideoCtrl.I_PTZControl(10, false, {
|
||
iWndIndex: g_iWndIndex,
|
||
success: function (xmlDoc) {
|
||
console.log(oWndInfo.szDeviceIdentify + " 调焦+成功！");
|
||
},
|
||
error: function (oError) {
|
||
console.log(oWndInfo.szDeviceIdentify + " 调焦+失败！", oError.errorCode, oError.errorMsg);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
function PTZZoomout() {
|
||
var oWndInfo = WebVideoCtrl.I_GetWindowStatus(g_iWndIndex);
|
||
|
||
if (oWndInfo != null) {
|
||
WebVideoCtrl.I_PTZControl(11, false, {
|
||
iWndIndex: g_iWndIndex,
|
||
success: function (xmlDoc) {
|
||
console.log(oWndInfo.szDeviceIdentify + " 调焦-成功！");
|
||
},
|
||
error: function (oError) {
|
||
console.log(oWndInfo.szDeviceIdentify + " 调焦-失败！", oError.errorCode, oError.errorMsg);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
function PTZZoomStop() {
|
||
var oWndInfo = WebVideoCtrl.I_GetWindowStatus(g_iWndIndex);
|
||
|
||
if (oWndInfo != null) {
|
||
WebVideoCtrl.I_PTZControl(11, true, {
|
||
iWndIndex: g_iWndIndex,
|
||
success: function (xmlDoc) {
|
||
console.log(oWndInfo.szDeviceIdentify + " 调焦停止成功！");
|
||
},
|
||
error: function (oError) {
|
||
console.log(oWndInfo.szDeviceIdentify + " 调焦停止失败！", oError.errorCode, oError.errorMsg);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
function PTZFocusIn() {
|
||
var oWndInfo = WebVideoCtrl.I_GetWindowStatus(g_iWndIndex);
|
||
|
||
if (oWndInfo != null) {
|
||
WebVideoCtrl.I_PTZControl(12, false, {
|
||
iWndIndex: g_iWndIndex,
|
||
success: function (xmlDoc) {
|
||
console.log(oWndInfo.szDeviceIdentify + " 聚焦+成功！");
|
||
},
|
||
error: function (oError) {
|
||
console.log(oWndInfo.szDeviceIdentify + " 聚焦+失败！", oError.errorCode, oError.errorMsg);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
function PTZFoucusOut() {
|
||
var oWndInfo = WebVideoCtrl.I_GetWindowStatus(g_iWndIndex);
|
||
|
||
if (oWndInfo != null) {
|
||
WebVideoCtrl.I_PTZControl(13, false, {
|
||
iWndIndex: g_iWndIndex,
|
||
success: function (xmlDoc) {
|
||
console.log(oWndInfo.szDeviceIdentify + " 聚焦-成功！");
|
||
},
|
||
error: function (oError) {
|
||
console.log(oWndInfo.szDeviceIdentify + " 聚焦-失败！", oError.errorCode, oError.errorMsg);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
function PTZFoucusStop() {
|
||
var oWndInfo = WebVideoCtrl.I_GetWindowStatus(g_iWndIndex);
|
||
|
||
if (oWndInfo != null) {
|
||
WebVideoCtrl.I_PTZControl(12, true, {
|
||
iWndIndex: g_iWndIndex,
|
||
success: function (xmlDoc) {
|
||
console.log(oWndInfo.szDeviceIdentify + " 聚焦停止成功！");
|
||
},
|
||
error: function (oError) {
|
||
console.log(oWndInfo.szDeviceIdentify + " 聚焦停止失败！", oError.errorCode, oError.errorMsg);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
function PTZIrisIn() {
|
||
var oWndInfo = WebVideoCtrl.I_GetWindowStatus(g_iWndIndex);
|
||
|
||
if (oWndInfo != null) {
|
||
WebVideoCtrl.I_PTZControl(14, false, {
|
||
iWndIndex: g_iWndIndex,
|
||
success: function (xmlDoc) {
|
||
console.log(oWndInfo.szDeviceIdentify + " 光圈+成功！");
|
||
},
|
||
error: function (oError) {
|
||
console.log(oWndInfo.szDeviceIdentify + " 光圈+失败！", oError.errorCode, oError.errorMsg);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
function PTZIrisOut() {
|
||
var oWndInfo = WebVideoCtrl.I_GetWindowStatus(g_iWndIndex);
|
||
|
||
if (oWndInfo != null) {
|
||
WebVideoCtrl.I_PTZControl(15, false, {
|
||
iWndIndex: g_iWndIndex,
|
||
success: function (xmlDoc) {
|
||
console.log(oWndInfo.szDeviceIdentify + " 光圈-成功！");
|
||
},
|
||
error: function (oError) {
|
||
console.log(oWndInfo.szDeviceIdentify + " 光圈-失败！", oError.errorCode, oError.errorMsg);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
function PTZIrisStop() {
|
||
var oWndInfo = WebVideoCtrl.I_GetWindowStatus(g_iWndIndex);
|
||
|
||
if (oWndInfo != null) {
|
||
WebVideoCtrl.I_PTZControl(14, true, {
|
||
iWndIndex: g_iWndIndex,
|
||
success: function (xmlDoc) {
|
||
console.log(oWndInfo.szDeviceIdentify + " 光圈停止成功！");
|
||
},
|
||
error: function (oError) {
|
||
console.log(oWndInfo.szDeviceIdentify + " 光圈停止失败！", oError.errorCode, oError.errorMsg);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
// 关闭全部视频播放
|
||
function stopAllPlay() {
|
||
WebVideoCtrl.I_StopAllPlay().then(() => {
|
||
console.log('关闭全部视频播放成功！')
|
||
}).catch(() => {
|
||
console.log('失败！')
|
||
})
|
||
}
|
||
|
||
// 退出
|
||
function clickLogout() {
|
||
var szDeviceIdentify = ip;
|
||
if (null == szDeviceIdentify) {
|
||
return;
|
||
}
|
||
WebVideoCtrl.I_Logout(szDeviceIdentify).then(() => {
|
||
$("#ip option:contains(" + szDeviceIdentify + ")").remove();
|
||
console.log(szDeviceIdentify + " " + "退出成功！");
|
||
}, () => {
|
||
console.log(szDeviceIdentify + " " + "退出失败！");
|
||
});
|
||
}
|
||
|
||
function destroyPlugin() {
|
||
WebVideoCtrl.I_DestroyPlugin().then(() => {
|
||
document.querySelectorAll('a').forEach(link => {
|
||
link.removeAttribute('onclick'); // 移除内联事件
|
||
link.removeAttribute('href');
|
||
link.setAttribute('aria-disabled', 'true'); // 辅助技术可识别
|
||
link.style.cursor = 'default'; // 移除手型光标
|
||
// 创建一个无事件的新节点替换
|
||
const newLink = link.cloneNode(false);
|
||
newLink.textContent = link.textContent;
|
||
link.parentNode.replaceChild(newLink, link);
|
||
});
|
||
// 销毁后不能再预览了
|
||
console.log('销毁成功！')
|
||
}).catch(() => {
|
||
console.log('销毁失败！')
|
||
})
|
||
|
||
}
|
||
|
||
function showPlugin() {
|
||
WebVideoCtrl.I_ShowPlugin().then(() => {
|
||
console.log('展示成功！')
|
||
}).catch(() => {
|
||
console.log('展示失败！')
|
||
})
|
||
|
||
}
|
||
function hidPlugin() {
|
||
WebVideoCtrl.I_HidPlugin().then(() => {
|
||
console.log('隐藏成功！')
|
||
}).catch(() => {
|
||
console.log('隐藏失败！')
|
||
})
|
||
|
||
}
|
||
|
||
// 添加球机树数据
|
||
function setTreeData(loadingMsg) {
|
||
// 查询设备状态
|
||
clickGetDigitalChannelInfo();
|
||
setTimeout(() => {
|
||
let data = oSel;
|
||
data.forEach(itemA => {
|
||
const matchingItemB = deviceStatusList.find(itemB => parseInt(itemB.id) === parseInt(itemA.id));
|
||
if (matchingItemB) {
|
||
itemA.online = matchingItemB.online;
|
||
}
|
||
});
|
||
let totalNum = 0, onlineNum = 0, offLineNum = 0;
|
||
$.each(data, function (index, item) {
|
||
if (item.id !== '0') {
|
||
totalNum++;
|
||
let titleName = item.name;
|
||
if (item.name.length > 20) {
|
||
titleName = item.name.substr(0, 20) + '...';
|
||
}
|
||
if (item.online === '1') {
|
||
onlineNum++;
|
||
item.title = '<img src="../../img/video/ball_online.png"><span data-mtpis="' + item.name + '" online=' + item.online + ' id=' + item.id + ' bZero=' + item.bZero + '>' + titleName + '</span>'
|
||
} else {
|
||
offLineNum++;
|
||
item.title = '<img src="../../img/video/ball_offline.png"><span data-mtpis="' + item.name + '" online=' + item.online + ' id=' + item.id + ' bZero=' + item.bZero + '>' + titleName + '</span>'
|
||
}
|
||
}
|
||
})
|
||
videoTree = dtree.render({
|
||
elem: "#video-tree",
|
||
width: "96%", // 指定树的宽度
|
||
data: data,
|
||
dataFormat: "list",
|
||
skin: "laySimple",
|
||
line: false, // 显示树线
|
||
});
|
||
// 设备在线情况
|
||
$('.device-status').eq(0).html('全部（' + totalNum + '）')
|
||
$('.device-status').eq(1).html('在线（' + onlineNum + '）')
|
||
$('.device-status').eq(2).html('离线（' + offLineNum + '）')
|
||
parent.layer.close(loadingMsg);
|
||
}, 1000);
|
||
} |