860 lines
26 KiB
JavaScript
860 lines
26 KiB
JavaScript
|
let dtree, util, tree,layer;
|
|||
|
|
let noNum = 0, num = 0, all = 0;
|
|||
|
|
let type = 'city';
|
|||
|
|
let puidParam;
|
|||
|
|
let winDom = 'videoPlayer';
|
|||
|
|
let ty_code='to-1';
|
|||
|
|
let nrUvpVideoObj;
|
|||
|
|
let passWay = localStorage.getItem("passWay");
|
|||
|
|
layui.extend({
|
|||
|
|
dtree: '../../js/layui_dtree/dtree/dtree'
|
|||
|
|
}).use(['util', 'dtree','layer'], function () {
|
|||
|
|
util = layui.util;
|
|||
|
|
dtree = layui.dtree;
|
|||
|
|
layer = layui.layer;
|
|||
|
|
//动态加载js
|
|||
|
|
if(ty_code==passWay){
|
|||
|
|
$("#videoPlayer").css("display","none");
|
|||
|
|
passWay=ty_code;
|
|||
|
|
uaplogin();
|
|||
|
|
let url=playVideoUrl('fly','h264','main','123456');
|
|||
|
|
|
|||
|
|
//初始化加载
|
|||
|
|
var ip=video_ip;
|
|||
|
|
var token=video_token;
|
|||
|
|
var port=video_port;
|
|||
|
|
nrUvpVideoObj = new UVPVideoObj({ id: 'windowbox',
|
|||
|
|
ip,
|
|||
|
|
port,
|
|||
|
|
token,
|
|||
|
|
ak,
|
|||
|
|
callback: onEventNotify,
|
|||
|
|
winNum:1
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
playControl();
|
|||
|
|
playControl2();
|
|||
|
|
}else{
|
|||
|
|
initVideo();
|
|||
|
|
}
|
|||
|
|
initTreeCity("");
|
|||
|
|
//按钮点击事件
|
|||
|
|
util.event('lay-active', {
|
|||
|
|
city: function () {
|
|||
|
|
changBtn(this, $(this).parent(), 'checkBtn');
|
|||
|
|
if (type !== 'city') {
|
|||
|
|
initTreeCity("");
|
|||
|
|
type = 'city';
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
risk: function () {
|
|||
|
|
changBtn(this, $(this).parent(), 'checkBtn');
|
|||
|
|
if (type !== 'risk') {
|
|||
|
|
initTreeRisk("");
|
|||
|
|
type = 'risk';
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
regular: function () {
|
|||
|
|
changBtn(this, $(this).parent(), 'checkBtn');
|
|||
|
|
if (type !== 'regular') {
|
|||
|
|
initTreeRegular("");
|
|||
|
|
type = 'regular';
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
swCity:function(){
|
|||
|
|
changBtn(this, $(this).parent(), 'checkBtn');
|
|||
|
|
if (type !== 'swCity') {
|
|||
|
|
initTreeSwCity("");
|
|||
|
|
type = 'swCity';
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
query: function () {
|
|||
|
|
let keyWord = $('#keyWord').val();
|
|||
|
|
let pattern = new RegExp("[%_<>]");
|
|||
|
|
if (pattern.test(keyWord)) {
|
|||
|
|
$("#keyWord").val('');
|
|||
|
|
return layer.msg('关键字查询包含特殊字符，请重新输入', {
|
|||
|
|
icon: 7,
|
|||
|
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
if (type === 'city') {
|
|||
|
|
initTreeCity(keyWord);
|
|||
|
|
} else if(type === 'risk'){
|
|||
|
|
initTreeRisk(keyWord);
|
|||
|
|
}else if(type === 'regular'){
|
|||
|
|
initTreeRegular(keyWord);
|
|||
|
|
}else if(type === 'swCity'){
|
|||
|
|
initTreeSwCity(keyWord);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
photoLocal: function () {
|
|||
|
|
screenshot();
|
|||
|
|
},
|
|||
|
|
videoRemote: function () {
|
|||
|
|
if (videoObject.playState) {
|
|||
|
|
if (isEmpty(videoObject.remoteId)) {
|
|||
|
|
$(this).attr("src", "../../img/video/videoRemote-select.png");
|
|||
|
|
remoteVideo(videoObject.devCode, 0);
|
|||
|
|
} else {
|
|||
|
|
$(this).attr("src", "../../img/video/videoRemote.png");
|
|||
|
|
stopRemote(videoObject.remoteId, 0)
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
layer.msg("请先播放视频。。。", {icon: 0});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
photoRemote: function () {
|
|||
|
|
if (videoObject.playState) {
|
|||
|
|
remoteVideo(videoObject.devCode, 1);
|
|||
|
|
} else {
|
|||
|
|
layer.msg("请先播放视频。。。", {icon: 0});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
dtree.on("node('ballTree')", function (obj) {
|
|||
|
|
|
|||
|
|
if (!videoObject.recordVideoState && isEmpty(videoObject.remoteId)) {
|
|||
|
|
let data = obj.param.recordData;
|
|||
|
|
let devName = data.tName;
|
|||
|
|
if (passWay == null || passWay == '') {
|
|||
|
|
passWay = 'to-2';
|
|||
|
|
}
|
|||
|
|
if (data.genre === '1') {
|
|||
|
|
if(data.puid==null || data.puid=='' || passWay==ty_code){
|
|||
|
|
//播放统一视频
|
|||
|
|
videoObject.devCode =data.tCode;
|
|||
|
|
nrUvpVideoObj.uvpVideoPlay({
|
|||
|
|
winNum:1,
|
|||
|
|
codeType:1,
|
|||
|
|
devCode:data.tCode,
|
|||
|
|
devName:'',
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
}else{
|
|||
|
|
if (!isEmpty(data.puid)) {
|
|||
|
|
if (videoObject.devCode !== data.puid) {
|
|||
|
|
videoObject.devCode = data.puid;
|
|||
|
|
puidParam=data.puid;
|
|||
|
|
playVideo(1, videoObject.devCode);
|
|||
|
|
} else {
|
|||
|
|
layer.msg("视频正在播放中....", {icon: 0});
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
layer.msg("工程未绑定球机", {icon: 0});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}else if (data.genre === '2'){
|
|||
|
|
console.log("--->",obj)
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
if (isEmpty(videoObject.remoteId)) {
|
|||
|
|
layer.msg("当前视频正在本地录像,请先关闭本地录像", {icon: 0});
|
|||
|
|
} else {
|
|||
|
|
layer.msg("当前视频正在远程录像,请先关闭远程录像", {icon: 0});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
tree = dtree.render({
|
|||
|
|
elem: "#ballTree",
|
|||
|
|
initLevel: 1,
|
|||
|
|
data: [],
|
|||
|
|
checkbar: false,//开启复选框
|
|||
|
|
menubar: false,
|
|||
|
|
ficon: ['2'],
|
|||
|
|
skin: "lay",
|
|||
|
|
record: true,
|
|||
|
|
toolbar: true,
|
|||
|
|
toolbarFun: toolbarFun,
|
|||
|
|
done: function (res, $ul, first) {
|
|||
|
|
$('.icon-shexiangtou1').next().css('color', "#2f82fb");
|
|||
|
|
$('div[data-id$="top"]').addClass('top');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
//树右击事件
|
|||
|
|
let toolbarFun = {
|
|||
|
|
loadToolbarBefore: function (buttons, param, $div) {
|
|||
|
|
if (param.recordData.genre === '1') {
|
|||
|
|
openRemotePatrol(param.nodeId, param.recordData.puid, param.recordData.tCode, param.recordData.twCode, param.recordData.tdCode, param.recordData.passWay);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function videofullscreen(box) {
|
|||
|
|
var video = document.getElementById("windowbox");
|
|||
|
|
if (!document.fullscreenElement) {
|
|||
|
|
video.requestFullscreen().catch(err => {
|
|||
|
|
console.error("Fullscreen request failed:", err);
|
|||
|
|
});
|
|||
|
|
document.addEventListener('keydown', function (e) {
|
|||
|
|
if (e.key === 'Escape') {
|
|||
|
|
handleEscapePress();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
document.addEventListener('fullscreenchange', handleFullscreenChange);
|
|||
|
|
} else {
|
|||
|
|
if (document.exitFullscreen) {
|
|||
|
|
document.exitFullscreen();
|
|||
|
|
$('#videoControlBtn').css('display', 'none');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 全屏状态变化处理
|
|||
|
|
function handleFullscreenChange() {
|
|||
|
|
const isFullscreen = document.fullscreenElement ||
|
|||
|
|
document.webkitFullscreenElement ||
|
|||
|
|
document.mozFullScreenElement ||
|
|||
|
|
document.msFullscreenElement;
|
|||
|
|
|
|||
|
|
// console.log('全屏状态变化:', isFullscreen ? '进入全屏' : '退出全屏');
|
|||
|
|
|
|||
|
|
if (isFullscreen) {
|
|||
|
|
// 进入全屏时的操作
|
|||
|
|
// console.log('现在可以监听ESC键了');
|
|||
|
|
$('#videoControlBtn').removeAttr('style');
|
|||
|
|
} else {
|
|||
|
|
// 退出全屏
|
|||
|
|
$('#videoControlBtn').css('display', 'none');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function handleEscapePress() {
|
|||
|
|
const isFullscreen = document.fullscreenElement ||
|
|||
|
|
document.webkitFullscreenElement ||
|
|||
|
|
document.mozFullScreenElement ||
|
|||
|
|
document.msFullscreenElement;
|
|||
|
|
|
|||
|
|
if (isFullscreen) {
|
|||
|
|
console.log('在全屏状态下按下了ESC键');
|
|||
|
|
// 这里可以添加自定义逻辑，比如显示控制栏等
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*打开远程巡视页面*/
|
|||
|
|
function openRemotePatrol(id, puid, tCode, twCode, tdCode, passWay) {
|
|||
|
|
let layerIndex = layer.open({
|
|||
|
|
id: "remotePatrol",
|
|||
|
|
title: false,
|
|||
|
|
type: 2,
|
|||
|
|
maxmin: false,
|
|||
|
|
content: '../dutyTask/remotePatrol/remotePatrol.html',
|
|||
|
|
area: ['100%', '100%'],
|
|||
|
|
closeBtn: 0,
|
|||
|
|
success: function (layero, index) {
|
|||
|
|
let iframeWin = window["layui-layer-iframe" + layerIndex];
|
|||
|
|
iframeWin.setParams(id, puid, tCode, twCode, tdCode, passWay);
|
|||
|
|
},
|
|||
|
|
end: function () {
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 地市树
|
|||
|
|
* @param keyWord
|
|||
|
|
*/
|
|||
|
|
function initTreeCity(keyWord) {
|
|||
|
|
$.ajax({
|
|||
|
|
headers: {
|
|||
|
|
'decrypt':'decrypt',
|
|||
|
|
'encryption':'encryption',
|
|||
|
|
'Authorization':localStorage.getItem("tokens")
|
|||
|
|
},
|
|||
|
|
type:'POST',
|
|||
|
|
url: dataUrl + 'proteam/pot/video/getMenuListCity',
|
|||
|
|
data: {
|
|||
|
|
keyWord: $('#keyWord').val()
|
|||
|
|
},
|
|||
|
|
success: function (data) {
|
|||
|
|
calleArr(data.data);
|
|||
|
|
let treeData = [{
|
|||
|
|
id: "top",
|
|||
|
|
title: '<span style="font-size: 18px">球机</span><span style="font-size: 16px;"> (在线:<span style="color: green">' + num + ' </span>' + " 不在线:" + '<span style="color: red">' + noNum + ' </span>' + " 总数:" + all + ')</span>',
|
|||
|
|
checkArr: "0",
|
|||
|
|
parentId: "-1",
|
|||
|
|
children: data.data,
|
|||
|
|
iconClass: 'iconfont icon-shexiangtou',
|
|||
|
|
spread: true,
|
|||
|
|
}];
|
|||
|
|
dtree.reload(tree, {
|
|||
|
|
data: treeData,
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 省外球机树
|
|||
|
|
* @param keyWord
|
|||
|
|
*/
|
|||
|
|
function initTreeSwCity(keyWord) {
|
|||
|
|
$.ajax({
|
|||
|
|
type:'post',
|
|||
|
|
headers: {
|
|||
|
|
'Authorization':localStorage.getItem("tokens"),
|
|||
|
|
"encryption":"encryption",
|
|||
|
|
"encrypt": sm3(JSON.stringify({
|
|||
|
|
keyWord: keyWord
|
|||
|
|
}))
|
|||
|
|
},
|
|||
|
|
url: dataUrl + 'proteam/pot/video/getMenuListSWCity',
|
|||
|
|
data: {
|
|||
|
|
keyWord: keyWord
|
|||
|
|
},
|
|||
|
|
success: function (data) {
|
|||
|
|
calleArr2(data.data);
|
|||
|
|
let treeData = [{
|
|||
|
|
id: "top",
|
|||
|
|
title: '<span style="font-size: 18px">省外球机</span><span style="font-size: 16px;"> (在线:<span style="color: green">' + num + ' </span>' + " 不在线:" + '<span style="color: red">' + noNum + ' </span>' + " 总数:" + all + ')</span>',
|
|||
|
|
checkArr: "0",
|
|||
|
|
parentId: "-1",
|
|||
|
|
children: data.data,
|
|||
|
|
iconClass: 'iconfont icon-shexiangtou',
|
|||
|
|
spread: true,
|
|||
|
|
}];
|
|||
|
|
dtree.reload(tree, {
|
|||
|
|
data: treeData
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* @param {Object} keyWord
|
|||
|
|
*/
|
|||
|
|
function initTreeRisk(keyWord) {
|
|||
|
|
$.ajax({
|
|||
|
|
type:'post',
|
|||
|
|
headers: {
|
|||
|
|
'Authorization':localStorage.getItem("tokens"),
|
|||
|
|
"encryption":"encryption",
|
|||
|
|
"encrypt": sm3(JSON.stringify({
|
|||
|
|
keyWord: keyWord
|
|||
|
|
}))
|
|||
|
|
},
|
|||
|
|
url: dataUrl + 'proteam/pot/video/getMenuListRisk',
|
|||
|
|
data: {
|
|||
|
|
keyWord: keyWord
|
|||
|
|
},
|
|||
|
|
success: function (data) {
|
|||
|
|
calleArr(data.data);
|
|||
|
|
let treeData = [{
|
|||
|
|
id: "top",
|
|||
|
|
title: '<span style="font-size: 18px">球机</span><span style="font-size: 16px;"> (在线:<span style="color: green">' + num + ' </span>' + " 不在线:" + '<span style="color: red">' + noNum + ' </span>' + " 总数:" + all + ')</span>',
|
|||
|
|
checkArr: "0",
|
|||
|
|
parentId: "-1",
|
|||
|
|
children: data.data,
|
|||
|
|
iconClass: 'iconfont icon-shexiangtou',
|
|||
|
|
spread: true,
|
|||
|
|
}];
|
|||
|
|
dtree.reload(tree, {
|
|||
|
|
data: treeData
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
// 固定球机树
|
|||
|
|
function initTreeRegular(){
|
|||
|
|
$.ajax({
|
|||
|
|
type:'post',
|
|||
|
|
headers: {
|
|||
|
|
'Authorization':localStorage.getItem("tokens"),
|
|||
|
|
"encryption":"encryption",
|
|||
|
|
"encrypt": sm3(JSON.stringify({
|
|||
|
|
keyWord: $('#keyWord').val()
|
|||
|
|
}))
|
|||
|
|
},
|
|||
|
|
url: dataUrl + 'proteam/pot/video/getMenuListRegular',
|
|||
|
|
data: {
|
|||
|
|
keyWord: $('#keyWord').val()
|
|||
|
|
},
|
|||
|
|
success: function (data) {
|
|||
|
|
handleData(data.data);
|
|||
|
|
let treeData = [{
|
|||
|
|
id: "top",
|
|||
|
|
title: '<span style="font-size: 18px">固定球机</span><span style="font-size: 16px;"> (在线:<span style="color: green">' + num + ' </span>' + " 不在线:" + '<span style="color: red">' + noNum + ' </span>' + " 总数:" + all + ')</span>',
|
|||
|
|
checkArr: "0",
|
|||
|
|
parentId: "-1",
|
|||
|
|
children: data.data,
|
|||
|
|
iconClass: 'iconfont icon-shexiangtou',
|
|||
|
|
spread: true,
|
|||
|
|
}];
|
|||
|
|
dtree.reload(tree, {
|
|||
|
|
data: treeData,
|
|||
|
|
});
|
|||
|
|
$('.dtree-lay-item').css('padding-left','20px');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 遍历树数据
|
|||
|
|
* @param treeData
|
|||
|
|
*/
|
|||
|
|
function calleArr(treeData) {
|
|||
|
|
console.log(treeData)
|
|||
|
|
num = 0;
|
|||
|
|
noNum = 0;
|
|||
|
|
all = 0;
|
|||
|
|
for (let i in treeData) {
|
|||
|
|
let objNum = 0;
|
|||
|
|
let objNoNum = 0;
|
|||
|
|
let obj = treeData[i];
|
|||
|
|
obj.iconClass = 'iconfont icon-dingwei';
|
|||
|
|
if (obj.children) {
|
|||
|
|
for (let i in obj.children) {
|
|||
|
|
if (!isEmpty(obj.children[i].puid)) {
|
|||
|
|
//判断球机图标
|
|||
|
|
if (!isEmpty(obj.children[i].state) && obj.children[i].state === '1') {
|
|||
|
|
//在线图标
|
|||
|
|
obj.children[i].iconClass = 'iconfont icon-shexiangtou1';
|
|||
|
|
num++;
|
|||
|
|
objNum++;
|
|||
|
|
} else {
|
|||
|
|
//不在线图标
|
|||
|
|
obj.children[i].iconClass = 'iconfont icon-shexiangtou';
|
|||
|
|
noNum++;
|
|||
|
|
objNoNum++;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
//不在线图标
|
|||
|
|
obj.children[i].iconClass = 'iconfont icon-shexiangtou';
|
|||
|
|
noNum++;
|
|||
|
|
objNoNum++;
|
|||
|
|
}
|
|||
|
|
all++;
|
|||
|
|
}
|
|||
|
|
obj.title = obj.title + ' (<span style="color: green">' + objNum + '</span>/<span style="color: red">' + objNoNum + '</span>)';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 遍历树数据
|
|||
|
|
* @param treeData
|
|||
|
|
*/
|
|||
|
|
function calleArr2(treeData) {
|
|||
|
|
console.log(treeData)
|
|||
|
|
num = 0;
|
|||
|
|
noNum = 0;
|
|||
|
|
all = 0;
|
|||
|
|
for (let i in treeData) {
|
|||
|
|
let objNum = 0;
|
|||
|
|
let objNoNum = 0;
|
|||
|
|
treeData.iconClass = 'iconfont icon-shexiangtou';
|
|||
|
|
if (!isEmpty(treeData[i].puid)) {
|
|||
|
|
//判断球机图标
|
|||
|
|
if (!isEmpty(treeData[i].state) && treeData[i].state === '1') {
|
|||
|
|
//在线图标
|
|||
|
|
treeData[i].iconClass = 'iconfont icon-shexiangtou1';
|
|||
|
|
num++;
|
|||
|
|
objNum++;
|
|||
|
|
} else {
|
|||
|
|
//不在线图标
|
|||
|
|
treeData[i].iconClass = 'iconfont icon-shexiangtou';
|
|||
|
|
noNum++;
|
|||
|
|
objNoNum++;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
//不在线图标
|
|||
|
|
treeData[i].iconClass = 'iconfont icon-shexiangtou';
|
|||
|
|
noNum++;
|
|||
|
|
objNoNum++;
|
|||
|
|
}
|
|||
|
|
all++;
|
|||
|
|
treeData.title = treeData.title + ' (<span style="color: green">' + objNum + '</span>/<span style="color: red">' + objNoNum + '</span>)';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 处理固定式球机数据
|
|||
|
|
function handleData(treeData){
|
|||
|
|
num = 0;
|
|||
|
|
noNum = 0;
|
|||
|
|
all = 0;
|
|||
|
|
for (let i in treeData) {
|
|||
|
|
let objNum = 0;
|
|||
|
|
let objNoNum = 0;
|
|||
|
|
let obj = treeData[i];
|
|||
|
|
obj.iconClass = 'none';
|
|||
|
|
if (obj.children) {
|
|||
|
|
for (let i in obj.children) {
|
|||
|
|
if (!isEmpty(obj.children[i].puid)) {
|
|||
|
|
//判断球机图标
|
|||
|
|
if (!isEmpty(obj.children[i].state) && obj.children[i].state === '1') {
|
|||
|
|
//在线图标
|
|||
|
|
obj.children[i].iconClass = 'iconfont icon-shexiangtou1';
|
|||
|
|
num++;
|
|||
|
|
objNum++;
|
|||
|
|
} else {
|
|||
|
|
//不在线图标
|
|||
|
|
obj.children[i].iconClass = 'iconfont icon-shexiangtou';
|
|||
|
|
noNum++;
|
|||
|
|
objNoNum++;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
//不在线图标
|
|||
|
|
obj.children[i].iconClass = 'iconfont icon-shexiangtou';
|
|||
|
|
noNum++;
|
|||
|
|
objNoNum++;
|
|||
|
|
}
|
|||
|
|
all++;
|
|||
|
|
}
|
|||
|
|
obj.title = obj.title + ' (<span style="color: green">' + objNum + '</span>/<span style="color: red">' + objNoNum + '</span>)';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 播放视频
|
|||
|
|
* @param {Object} winNum
|
|||
|
|
* @param {Object} devCode
|
|||
|
|
* @param {Object} devName
|
|||
|
|
* @param videoType 视频类型
|
|||
|
|
*/
|
|||
|
|
function playVideo(winNum, devCode) {
|
|||
|
|
let index = devCode.indexOf("-");
|
|||
|
|
if(index > 0){ // 固定球机播放
|
|||
|
|
let puid = devCode.substring(0,index);
|
|||
|
|
let idx = devCode.substring(index + 1,devCode.length);
|
|||
|
|
QXPlayVideo(puid, idx, winDom)
|
|||
|
|
}else{
|
|||
|
|
QXPlayVideo(devCode, '0', winDom)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 云台控制
|
|||
|
|
* @param devCode
|
|||
|
|
*/
|
|||
|
|
function playControl() {
|
|||
|
|
|
|||
|
|
let key;
|
|||
|
|
//点击事件
|
|||
|
|
let btn = $('[lay-event=control]');
|
|||
|
|
btn.unbind();
|
|||
|
|
btn.mousedown(function (event) {
|
|||
|
|
if(ty_code==passWay){
|
|||
|
|
key = tyControlType[$(this).attr('id')];
|
|||
|
|
nrUvpVideoObj.uvpVideoControl({ devCode:videoObject.devCode, cmd:key[0] })
|
|||
|
|
|
|||
|
|
}else{
|
|||
|
|
key = qxControlType[$(this).attr('id')];
|
|||
|
|
if (videoObject.playState) {
|
|||
|
|
key = qxControlType[$(this).attr('id')];
|
|||
|
|
if (key[2]) {
|
|||
|
|
//清新 -球机移动
|
|||
|
|
turnControl(key[0], videoObject.devCode).then(r => {
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
//球机放大缩小
|
|||
|
|
qxControl(videoObject.devCode, key[1])
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
event.stopPropagation();
|
|||
|
|
}).mouseup(function (event) {
|
|||
|
|
if(ty_code==passWay){
|
|||
|
|
key = tyControlType[$(this).attr('id')];
|
|||
|
|
nrUvpVideoObj.uvpVideoControl({ devCode:videoObject.devCode, cmd:key[1] })
|
|||
|
|
|
|||
|
|
}else{
|
|||
|
|
key = qxControlType[$(this).attr('id')];
|
|||
|
|
if (videoObject.playState) {
|
|||
|
|
key = qxControlType[$(this).attr('id')];
|
|||
|
|
if (key[2]) {
|
|||
|
|
turnControl(key[3], videoObject.devCode).then(r => {
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
qxControl(videoObject.devCode, key[3])
|
|||
|
|
}
|
|||
|
|
}else {
|
|||
|
|
layer.msg("请先播放视频....", {icon: 0});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
event.stopPropagation();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 获取所有操作按钮
|
|||
|
|
const controlButtons = document.querySelectorAll('.control2');
|
|||
|
|
const videoControlBtn = document.querySelectorAll('#videoControlBtn');
|
|||
|
|
|
|||
|
|
// 为每个按钮添加双击事件阻止
|
|||
|
|
controlButtons.forEach(button => {
|
|||
|
|
button.addEventListener('dblclick', function(e) {
|
|||
|
|
e.preventDefault();
|
|||
|
|
e.stopPropagation();
|
|||
|
|
e.stopImmediatePropagation();
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
videoControlBtn.forEach(button => {
|
|||
|
|
button.addEventListener('dblclick', function(e) {
|
|||
|
|
e.preventDefault();
|
|||
|
|
e.stopPropagation();
|
|||
|
|
e.stopImmediatePropagation();
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 视频全屏，按钮的点击事件
|
|||
|
|
function playControl2() {
|
|||
|
|
let key;
|
|||
|
|
//点击事件
|
|||
|
|
let btn = $('[lay-event=control2]');
|
|||
|
|
btn.unbind();
|
|||
|
|
btn.mousedown(function (event) {
|
|||
|
|
event.stopPropagation();
|
|||
|
|
if (ty_code == passWay) {
|
|||
|
|
key = tyControlType[$(this).attr('id')];
|
|||
|
|
nrUvpVideoObj.uvpVideoControl({ devCode: videoObject.devCode, cmd: key[0] })
|
|||
|
|
|
|||
|
|
} else {
|
|||
|
|
key = qxControlType[$(this).attr('id')];
|
|||
|
|
console.log(key);
|
|||
|
|
|
|||
|
|
if (videoObject.playState) {
|
|||
|
|
key = qxControlType[$(this).attr('id')];
|
|||
|
|
if (key[2]) {
|
|||
|
|
//清新 -球机移动
|
|||
|
|
turnControl(key[0], videoObject.devCode).then(r => {
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
//球机放大缩小
|
|||
|
|
qxControl(videoObject.devCode, key[1])
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
event.stopPropagation();
|
|||
|
|
}).mouseup(function (event) {
|
|||
|
|
if (ty_code == passWay) {
|
|||
|
|
key = tyControlType[$(this).attr('id')];
|
|||
|
|
nrUvpVideoObj.uvpVideoControl({ devCode: videoObject.devCode, cmd: key[1] })
|
|||
|
|
|
|||
|
|
} else {
|
|||
|
|
key = qxControlType[$(this).attr('id')];
|
|||
|
|
if (videoObject.playState) {
|
|||
|
|
key = qxControlType[$(this).attr('id')];
|
|||
|
|
if (key[2]) {
|
|||
|
|
turnControl(key[3], videoObject.devCode).then(r => {
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
qxControl(videoObject.devCode, key[3])
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
layer.msg("请先播放视频....", { icon: 0 });
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
event.stopPropagation();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 改变底部按钮样式
|
|||
|
|
*/
|
|||
|
|
function changBtn(dom, parentDom, css) {
|
|||
|
|
let button = $(dom);
|
|||
|
|
if (!button.hasClass(css)) {
|
|||
|
|
$.each(parentDom.children(), function (index, item) {
|
|||
|
|
$(item).removeClass(css);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
button.addClass(css);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 输入框查询禁用快捷键
|
|||
|
|
let isProhibitKey = false;
|
|||
|
|
function prohibitKey(type){
|
|||
|
|
if(type === 1){ // 禁用
|
|||
|
|
console.log('禁用')
|
|||
|
|
isProhibitKey = true;
|
|||
|
|
}else if(type === 2){ // 不禁用
|
|||
|
|
console.log('不禁用')
|
|||
|
|
isProhibitKey = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let numA = "";
|
|||
|
|
let up = "W";
|
|||
|
|
let down = "S";
|
|||
|
|
let left = "A";
|
|||
|
|
let right = "D";
|
|||
|
|
let amplify = "Q";
|
|||
|
|
let shrink = "E";
|
|||
|
|
let farFocus = "R";
|
|||
|
|
let nearFocus = "T";
|
|||
|
|
let photoLocal = "F";
|
|||
|
|
let videoLocal = "G";
|
|||
|
|
let escape = "Escape";
|
|||
|
|
//键盘监听事件——本地截屏
|
|||
|
|
document.onkeydown = function (event) {
|
|||
|
|
up = isEmpty(localStorage.getItem("up")) ? "W" : localStorage.getItem("up");
|
|||
|
|
down = isEmpty(localStorage.getItem("down")) ? "S" : localStorage.getItem("down");
|
|||
|
|
left = isEmpty(localStorage.getItem("left")) ? "A" : localStorage.getItem("left");
|
|||
|
|
right = isEmpty(localStorage.getItem("right")) ? "D" : localStorage.getItem("right");
|
|||
|
|
amplify = isEmpty(localStorage.getItem("amplify")) ? "Q" : localStorage.getItem("amplify");
|
|||
|
|
shrink = isEmpty(localStorage.getItem("shrink")) ? "E" : localStorage.getItem("shrink");
|
|||
|
|
farFocus = isEmpty(localStorage.getItem("farFocus")) ? "R" : localStorage.getItem("farFocus");
|
|||
|
|
nearFocus = isEmpty(localStorage.getItem("nearFocus")) ? "T" : localStorage.getItem("nearFocus");
|
|||
|
|
photoLocal = isEmpty(localStorage.getItem("photoLocal")) ? "F" : localStorage.getItem("photoLocal");
|
|||
|
|
videoLocal = isEmpty(localStorage.getItem("videoLocal")) ? "G" : localStorage.getItem("videoLocal");
|
|||
|
|
escape = isEmpty(localStorage.getItem("escape")) ? "Escape" : localStorage.getItem("escape");
|
|||
|
|
let e = event || window.event || arguments.callee.caller.arguments[0];
|
|||
|
|
if (numA !== e.code.replaceAll("Key", '')) {
|
|||
|
|
whichkey(event);
|
|||
|
|
}
|
|||
|
|
numA = e.code.replaceAll("Key", '');
|
|||
|
|
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
function whichkey(event) {
|
|||
|
|
if(isProhibitKey){
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
let e = event || window.event || arguments.callee.caller.arguments[0];
|
|||
|
|
if (e.code === escape && e) {
|
|||
|
|
configure();
|
|||
|
|
} else if (e && e.code.replaceAll("Key", '') === photoLocal) { // Ctrl_B
|
|||
|
|
screenshot();
|
|||
|
|
} else if (e && e.code.replaceAll("Key", '') === videoLocal) { // Ctrl_B
|
|||
|
|
$("#videoLocal").click()
|
|||
|
|
} else if (e && e.code.replaceAll("Key", '') === up) { // Ctrl_B
|
|||
|
|
controlDown("up");
|
|||
|
|
} else if (e && e.code.replaceAll("Key", '') === down) { // Ctrl_B
|
|||
|
|
controlDown("down");
|
|||
|
|
} else if (e && e.code.replaceAll("Key", '') === left) { // Ctrl_B
|
|||
|
|
controlDown("left");
|
|||
|
|
} else if (e && e.code.replaceAll("Key", '') === right) { // Ctrl_B
|
|||
|
|
controlDown("right");
|
|||
|
|
} else if (e && e.code.replaceAll("Key", '') === amplify) { // Ctrl_B
|
|||
|
|
controlDown("amplify");
|
|||
|
|
} else if (e && e.code.replaceAll("Key", '') === shrink) { // Ctrl_B
|
|||
|
|
controlDown("shrink");
|
|||
|
|
} else if (e && e.code.replaceAll("Key", '') === farFocus) { // Ctrl_B
|
|||
|
|
controlDown("farFocus");
|
|||
|
|
} else if (e && e.code.replaceAll("Key", '') === nearFocus) { // Ctrl_B
|
|||
|
|
controlDown("nearFocus");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
document.onkeyup = function (event) {
|
|||
|
|
numA = "";
|
|||
|
|
let e = event || window.event || arguments.callee.caller.arguments[0];
|
|||
|
|
if (e && e.code.replaceAll("Key", '') === up) { // Ctrl_B
|
|||
|
|
controlUp("up");
|
|||
|
|
} else if (e && e.code.replaceAll("Key", '') === down) { // Ctrl_B
|
|||
|
|
controlUp("down");
|
|||
|
|
} else if (e && e.code.replaceAll("Key", '') === left) { // Ctrl_B
|
|||
|
|
controlUp("left");
|
|||
|
|
} else if (e && e.code.replaceAll("Key", '') === right) { // Ctrl_B
|
|||
|
|
controlUp("right");
|
|||
|
|
} else if (e && e.code.replaceAll("Key", '') === amplify) { // Ctrl_B
|
|||
|
|
controlUp("amplify");
|
|||
|
|
} else if (e && e.code.replaceAll("Key", '') === shrink) { // Ctrl_B
|
|||
|
|
controlUp("shrink");
|
|||
|
|
} else if (e && e.code.replaceAll("Key", '') === farFocus) { // Ctrl_B
|
|||
|
|
controlUp("farFocus");
|
|||
|
|
} else if (e && e.code.replaceAll("Key", '') === nearFocus) { // Ctrl_B
|
|||
|
|
controlUp("nearFocus");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function controlDown(type) {
|
|||
|
|
if(isProhibitKey){
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
//统一视频
|
|||
|
|
if(ty_code==passWay){
|
|||
|
|
let key= tyControlType[type];
|
|||
|
|
nrUvpVideoObj.uvpVideoControl({ devCode:videoObject.devCode, cmd:key[0] })
|
|||
|
|
}else{
|
|||
|
|
if (videoObject.playState) {
|
|||
|
|
let key= qxControlType[type];
|
|||
|
|
if (key[2]) {
|
|||
|
|
//清新 -球机移动
|
|||
|
|
turnControl(key[0], videoObject.devCode).then(r => {
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
//球机放大缩小
|
|||
|
|
qxControl(videoObject.devCode, key[1])
|
|||
|
|
}
|
|||
|
|
}else {
|
|||
|
|
layer.msg("请先播放视频....", {icon: 0});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function controlUp(type) {
|
|||
|
|
if(isProhibitKey){
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
if(ty_code==passWay){
|
|||
|
|
let key= tyControlType[type];
|
|||
|
|
nrUvpVideoObj.uvpVideoControl({ devCode:videoObject.devCode, cmd:key[1] })
|
|||
|
|
}else{
|
|||
|
|
if(videoObject.playState) {
|
|||
|
|
//球机移动
|
|||
|
|
let key = qxControlType[$(this).attr('id')];
|
|||
|
|
if (key[2]) {
|
|||
|
|
turnControl(key[3], videoObject.devCode).then(r => {
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
qxControl(videoObject.devCode, key[3])
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
layer.msg("请先播放视频....", {icon: 0});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function set3DisTrue(){
|
|||
|
|
let is3D = $('#3dset').prop('checked')
|
|||
|
|
if(is3D){
|
|||
|
|
layer.msg('已开启3D云台', {icon: 1})
|
|||
|
|
}else{
|
|||
|
|
layer.msg('已关闭3D云台', {icon: 1})
|
|||
|
|
}
|
|||
|
|
localStorage.setItem("threeD",is3D);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
function configure() {
|
|||
|
|
let height = '80%', width = '30%';
|
|||
|
|
let index = parent.layer.open({
|
|||
|
|
id: "configure",
|
|||
|
|
title: ['快捷键设置', 'font-size:18px;'],
|
|||
|
|
type: 2,
|
|||
|
|
shade: 0.1,
|
|||
|
|
shadeClose: false,
|
|||
|
|
maxmin: false,
|
|||
|
|
content: '../video/configure.html',
|
|||
|
|
area: [width, height],
|
|||
|
|
});
|
|||
|
|
}
|