haozq
/
jjsp_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

视频监控

This commit is contained in:
cwchen 2024-12-19 15:23:34 +08:00
parent 4b497f08f4
commit b5cd3bfb31
8 changed files with 55 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
bns/html/compreDisplay/dutyHome.html
View File

@ -215,9 +215,9 @@
<div class="module-title layout" style="justify-content: space-between;"> <div class="module-title layout" style="justify-content: space-between;">
<p>人员统计</p> <p>人员统计</p>
<div> <div>
<img src="../../img/dutyHome/light_f.png" title="切换浅色模式" onclick="changeModel(1)"> <!-- <img src="../../img/dutyHome/light_f.png" title="切换浅色模式" onclick="changeModel(1)"> -->
<!-- <img src="../../img/dutyHome/change.png" title="切换地市督查统计" onclick="changeDuty()"> --> <!-- <img src="../../img/dutyHome/change.png" title="切换地市督查统计" onclick="changeDuty()"> -->
<img src="../../img/dutyHome/lock.png" title="点击锁定" onclick="lockPage()"> <!-- <img src="../../img/dutyHome/lock.png" title="点击锁定" onclick="lockPage()"> -->
</div> </div>
</div> </div>
<div id="person-num-box" class="layout"> <div id="person-num-box" class="layout">

13
bns/html/dutyTask/remotePatrol/remotePatrol.html
View File

@ -11,12 +11,12 @@
<link rel="stylesheet" href="../../../css/dutyTask/remotePatrol/video.css"> <link rel="stylesheet" href="../../../css/dutyTask/remotePatrol/video.css">
<link rel="stylesheet" href="../../../css/dutyTask/remotePatrol/remotePatrol.css"> <link rel="stylesheet" href="../../../css/dutyTask/remotePatrol/remotePatrol.css">
<script src="../../../js/video/videoComponent/script/h265/player.js" charset="utf-8"></script> <!-- <script src="../../../js/video/videoComponent/script/h265/player.js" charset="utf-8"></script>
<script src="../../../js/video/videoComponent/script/method.js" charset="utf-8"></script> <script src="../../../js/video/videoComponent/script/method.js" charset="utf-8"></script>
<script src="../../../js/video/videoComponent/script/flv.min.js" charset="utf-8"></script> <script src="../../../js/video/videoComponent/script/flv.min.js" charset="utf-8"></script>
<script src="../../../js/video/videoComponent/script/h265/common.js" charset="utf-8"></script> <script src="../../../js/video/videoComponent/script/h265/common.js" charset="utf-8"></script>
<script src="../../../js/video/videoComponent/script/h265/pcm-player.js" charset="utf-8"></script> <script src="../../../js/video/videoComponent/script/h265/pcm-player.js" charset="utf-8"></script>
<script src="../../../js/video/videoComponent/script/h265/webgl.js" charset="utf-8"></script> <script src="../../../js/video/videoComponent/script/h265/webgl.js" charset="utf-8"></script> -->
<!--拦截及公共ip--> <!--拦截及公共ip-->
<script src="../../../js/system/IPUtils.js" type="text/javascript" charset="utf-8"></script> <script src="../../../js/system/IPUtils.js" type="text/javascript" charset="utf-8"></script>
@ -92,13 +92,13 @@
<p></p> <p></p>
<p>球机当日上线记录</p> <p>球机当日上线记录</p>
<div style="width: 50%"> <!-- <div style="width: 50%">
<span style="float: left;"> <span style="float: left;">
<input type="checkbox" name="3dset" value="3D云台" id="3dset" style="margin-right: 10px;float: left;cursor: pointer;margin-top:5px;margin-left: 8px;" onchange="set3DisTrue()" /> <input type="checkbox" name="3dset" value="3D云台" id="3dset" style="margin-right: 10px;float: left;cursor: pointer;margin-top:5px;margin-left: 8px;" onchange="set3DisTrue()" />
<p style="float: right;font-size: 16px;color: #2F82FB;cursor: pointer;"> 3D云台</p> <p style="float: right;font-size: 16px;color: #2F82FB;cursor: pointer;"> 3D云台</p>
</span> </span>
<span onclick="configure()" style="float: right;font-size: 16px;color: #2F82FB;cursor: pointer;">快捷键设置</span> <span onclick="configure()" style="float: right;font-size: 16px;color: #2F82FB;cursor: pointer;">快捷键设置</span>
</div> </div> -->
</div> </div>
<hr> <hr>
<div class="search"> <div class="search">
@ -134,6 +134,7 @@
<div id="windowbox" class="ballsplit " style="width: 100%;height: 100%; position: relative;z-index: 9999999999;pointer-events:auto"> <div id="windowbox" class="ballsplit " style="width: 100%;height: 100%; position: relative;z-index: 9999999999;pointer-events:auto">
<div id="videoDemo" class="ball-content " <div id="videoDemo" class="ball-content "
style="width: 100%;height: 100%; pointer-events: none;"> style="width: 100%;height: 100%; pointer-events: none;">
<video style="width: 100%;height: 99%;background-color: #000;box-sizing: border-box;" id="video"></video>
</div> </div>
</div> </div>
</div> </div>
@ -445,10 +446,10 @@
</style> </style>
<script src="../../../js/dutyTask/remotePatrol/video.js" charset="utf-8" type="text/javascript"></script> <script src="../../../js/dutyTask/remotePatrol/video.js" charset="utf-8" type="text/javascript"></script>
<script type="text/javascript" src="../../../js/qx/conf.js" charset="utf-8"></script> <!-- <script type="text/javascript" src="../../../js/qx/conf.js" charset="utf-8"></script>
<script type="text/javascript" src="../../../js/qx/flv.min.js" charset="utf-8"></script> <script type="text/javascript" src="../../../js/qx/flv.min.js" charset="utf-8"></script>
<script type="text/javascript" src="../../../js/qx/FileSaver.min.js" charset="utf-8"></script> <script type="text/javascript" src="../../../js/qx/FileSaver.min.js" charset="utf-8"></script>
<script type="text/javascript" src="../../../js/public/videoConnect.js" charset="utf-8"></script> <script type="text/javascript" src="../../../js/public/videoConnect.js" charset="utf-8"></script> -->
<script src="../../../js/public/aes.js" charset="utf-8"></script> <script src="../../../js/public/aes.js" charset="utf-8"></script>
<script src="../../../js/dutyTask/remotePatrol/openChildPage.js" charset="utf-8"></script> <script src="../../../js/dutyTask/remotePatrol/openChildPage.js" charset="utf-8"></script>

26
bns/html/video/video.html
View File

@ -21,14 +21,15 @@
<link rel="stylesheet" href="../../js/video/videoComponent/style/video.css"/> <link rel="stylesheet" href="../../js/video/videoComponent/style/video.css"/>
<link rel="stylesheet" href="../../css/video/video.css"> <link rel="stylesheet" href="../../css/video/video.css">
<script src="../../js/video/uvp-bai.js"></script> <!-- <script src="../../js/video/uvp-bai.js"></script> -->
<script src="../../js/public/sm3.js" type="text/javascript"></script> <script src="../../js/public/sm3.js" type="text/javascript"></script>
<script src="../../js/public/public.js" type="text/javascript"></script> <script src="../../js/public/public.js" type="text/javascript"></script>
<script src="../../js/system/htmlpermission.js"></script> <script src="../../js/system/htmlpermission.js"></script>
<script src="../../js/public/permission.js" type="text/javascript"></script> <script src="../../js/public/permission.js" type="text/javascript"></script>
<script src="../../js/layui/layui.js"></script> <script src="../../js/layui/layui.js"></script>
<script src="../../js/public/commonUtils.js"></script>
<!-- ty组件核心start --> <!-- ty组件核心start -->
<link rel="stylesheet" href="../../js/video/videoComponent/style/common.css"/> <!-- <link rel="stylesheet" href="../../js/video/videoComponent/style/common.css"/>
<link rel="stylesheet" href="../../js/video/videoComponent/style/video.css"/> <link rel="stylesheet" href="../../js/video/videoComponent/style/video.css"/>
<script src='../../js/video/videoComponent/jquery.min.js'></script> <script src='../../js/video/videoComponent/jquery.min.js'></script>
<script src='../../js/video/videoComponent/script/h265/player.js'></script> <script src='../../js/video/videoComponent/script/h265/player.js'></script>
@ -37,7 +38,7 @@
<script src='../../js/video/videoComponent/script/h265/common.js'></script> <script src='../../js/video/videoComponent/script/h265/common.js'></script>
<script src='../../js/video/videoComponent/script/h265/pcm-player.js'></script> <script src='../../js/video/videoComponent/script/h265/pcm-player.js'></script>
<script src='../../js/video/videoComponent/script/h265/webgl.js'></script> <script src='../../js/video/videoComponent/script/h265/webgl.js'></script>
<script src='../../js/video/videoComponent/uvp-bai.js'></script> <script src='../../js/video/videoComponent/uvp-bai.js'></script> -->
<!-- 组件核心end --> <!-- 组件核心end -->
@ -139,13 +140,13 @@
<div class="title"> <div class="title">
<p></p> <p></p>
<p>球机列表</p> <p>球机列表</p>
<div style="width: 70%"> <!-- <div style="width: 70%">
<span style="float: left;"> <span style="float: left;">
<input type="checkbox" name="3dset" value="3D云台" id="3dset" style="margin-right: 10px;float: left;cursor: pointer;margin-top:5px;margin-left: 8px;" onchange="set3DisTrue()" /> <input type="checkbox" name="3dset" value="3D云台" id="3dset" style="margin-right: 10px;float: left;cursor: pointer;margin-top:5px;margin-left: 8px;" onchange="set3DisTrue()" />
<p style="float: right;font-size: 16px;color: #2F82FB;cursor: pointer;"> 3D云台</p> <p style="float: right;font-size: 16px;color: #2F82FB;cursor: pointer;"> 3D云台</p>
</span> </span>
<span onclick="configure()" style="float: right;font-size: 16px;color: #2F82FB;cursor: pointer;">快捷键设置</span> <span onclick="configure()" style="float: right;font-size: 16px;color: #2F82FB;cursor: pointer;">快捷键设置</span>
</div> </div> -->
</div> </div>
<hr> <hr>
<div class="input"> <div class="input">
@ -167,27 +168,28 @@
<button class="btn_rank layui-btn layui_btn_custom unCheckBtn" lay-active="risk"> <button class="btn_rank layui-btn layui_btn_custom unCheckBtn" lay-active="risk">
风险等级 风险等级
</button> </button>
<button class="btn_rank layui-btn layui_btn_custom unCheckBtn" lay-active="regular"> <!-- <button class="btn_rank layui-btn layui_btn_custom unCheckBtn" lay-active="regular">
固定球机 固定球机
</button> </button>
<button class="btn_rank layui-btn layui_btn_custom unCheckBtn" lay-active="swCity"> <button class="btn_rank layui-btn layui_btn_custom unCheckBtn" lay-active="swCity">
省外球机 省外球机
</button> </button> -->
</div> </div>
</div> </div>
<div class="content_video"> <div class="content_video">
<div id="windowbox" class="ballsplit " style="width: 100%;height: 100%; position: relative;z-index: 0;pointer-events:auto"> <div id="windowbox" class="ballsplit " style="width: 100%;height: 100%; position: relative;z-index: 0;pointer-events:auto">
<div id="videoDemo" class="video_box" style="pointer-events: none;"> <!-- <div id="videoDemo" class="video_box" style="pointer-events: none;">
</div> </div> -->
<video style="width: 100%;height: 99%;background-color: #000;box-sizing: border-box;" id="video"></video>
</div> </div>
</div> </div>
</div> </div>
<canvas id="canvas" style="display:none"></canvas> <canvas id="canvas" style="display:none"></canvas>
</body> </body>
<script type="text/javascript" src="../../js/qx/conf.js"></script> <!-- <script type="text/javascript" src="../../js/qx/conf.js"></script>
<script type="text/javascript" src="../../js/qx/flv.min.js"></script> <script type="text/javascript" src="../../js/qx/flv.min.js"></script>
<script type="text/javascript" src="../../js/qx/FileSaver.min.js"></script> <script type="text/javascript" src="../../js/qx/FileSaver.min.js"></script> -->
<script type="text/javascript" src="../../js/public/videoConnect.js"></script> <!-- <script type="text/javascript" src="../../js/public/videoConnect.js"></script> -->
<script src="../../js/video/video.js" type="text/javascript"></script> <script src="../../js/video/video.js" type="text/javascript"></script>
<script src="../../js/public/videoDrawArea.js" type="text/javascript"></script> <script src="../../js/public/videoDrawArea.js" type="text/javascript"></script>
</html> </html>

3
bns/js/dutyTask/remotePatrol/remotePatrol.js
View File

@ -51,7 +51,8 @@ function setParams(id, puid, tCodeParam, twCodeParam, tdCodeParam, passWayParam,
} }
}); });
$('#startTime').val(getNowTime()) $('#startTime').val(getNowTime())
video(id, puid, tCodeParam, twCodeParam, tdCodeParam, passWayParam); // video(id, puid, tCodeParam, twCodeParam, tdCodeParam, passWayParam);
$('#video').attr('src','../../../video/3.mp4');
getZbhWarnAjax(); getZbhWarnAjax();
pages(); pages();
getZbhDetailAjax(); getZbhDetailAjax();

32
bns/js/video/video.js
View File

@ -10,7 +10,7 @@ layui.extend({
dtree = layui.dtree; dtree = layui.dtree;
layer = layui.layer; layer = layui.layer;
initTreeCity(""); initTreeCity("");
initVideo(); // initVideo();
//按钮点击事件 //按钮点击事件
util.event('lay-active', { util.event('lay-active', {
city: function () { city: function () {
@ -170,7 +170,33 @@ function openRemotePatrol(id, puid, tCode, twCode, tdCode, passWay) {
* @param keyWord * @param keyWord
*/ */
function initTreeCity(keyWord) { function initTreeCity(keyWord) {
Ajax().post({ let params = {
keyWord: $('#keyWord').val()
};
let url = dataUrl + 'proteam/pot/video/getMenuListCity';
ajaxRequest(url, "POST", params, true, function () {
}, function (result) {
if (result.code === 200) {
calleArr(data.data);
let treeData = [{
id: "top",
title: '<span style="font-size: 18px">球机</span><span style="font-size: 16px;">&nbsp;&nbsp;(在线:<span style="color: green">' + num + '&nbsp;&nbsp;</span>' + " 不在线:" + '<span style="color: red">' + noNum + '&nbsp;&nbsp;</span>' + " 总数:" + all + ')</span>',
checkArr: "0",
parentId: "-1",
children: data.data,
iconClass: 'iconfont icon-shexiangtou',
spread: true,
}];
dtree.reload(tree, {
data: treeData,
});
} else if (result.code === 500) {
layer.alert(result.msg, { icon: 2 })
}
}, function (xhr, status, error) {
errorFn(xhr, status, error)
}, null);
/* Ajax().post({
headers: { headers: {
"encrypt": sm3(JSON.stringify({ "encrypt": sm3(JSON.stringify({
keyWord: $('#keyWord').val() keyWord: $('#keyWord').val()
@ -195,7 +221,7 @@ function initTreeCity(keyWord) {
data: treeData, data: treeData,
}); });
} }
}); }); */
} }

BIN
bns/video/1.mp4 Normal file
View File

Binary file not shown.

BIN
bns/video/2.mp4 Normal file
View File

Binary file not shown.

BIN
bns/video/3.mp4 Normal file
View File

Binary file not shown.