193 lines
11 KiB
HTML
193 lines
11 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en" id="fullscreenElement">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<link rel="stylesheet" href="../../js/video/videoComponent/style/common.css"/>
|
||
|
|
<link rel="stylesheet" href="../../js/layui-v2.9.2/layui/css/layui.css">
|
||
|
|
<link rel="stylesheet" href="../../css/font.css">
|
||
|
|
<link rel="stylesheet" href="../../css/dutyTask/remotePatrol/video.css">
|
||
|
|
<link rel="stylesheet" href="../../css/dutyTask/video-js.css">
|
||
|
|
<link rel="stylesheet" href="../../css/dutyTask/remotePatrol/remotePatrol.css">
|
||
|
|
<script src="http://sgwpdm.ah.sgcc.com.cn/basfs/videoComponent/v2.0.0/uvp.js?token=eyJhbGciOiJIUzUxMiJ9.eyJ1c2VyX2lkIjoyLCJpc2NfdXNlcl9pZCI6bnVsbCwidXNlcl9rZXkiOiJjOGMxYmEyMS02YjhmLTQ3OGEtYTA1MS1lNjExMmU4MjZiNTYiLCJ1c2VybmFtZSI6Imp5c3AxIn0.sKFKWdm4bul0QdbudZbQ_dpLvVz125VZfxQ-sTWXNtbTI-iiDiF4sDNb840ILtudpyV_9gSvKVqcaGp0e9p1kw"></script>
|
||
|
|
<!--拦截及公共ip-->
|
||
|
|
<script src="../../js/public/jquery-3.6.0.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/public/sm3.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/system/IPUtils.js"></script>
|
||
|
|
<script src="../../js/system/ajax_intercept_head.js"></script>
|
||
|
|
<script src="../../js/system/public_utils.js"></script>
|
||
|
|
<script src="../../js/public/aes.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/public/public.js"></script>
|
||
|
|
|
||
|
|
<!--拦截及公共ip-->
|
||
|
|
<script src="../../js/video/videoComponent/script/h265/player.js"></script>
|
||
|
|
<script src="../../js/video/videoComponent/script/method.js"></script>
|
||
|
|
<script src="../../js/video/videoComponent/script/flv.min.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/webgl.js"></script>
|
||
|
|
<script src="../../js/video/uvp-bai.js"></script>
|
||
|
|
<script src="../../js/public/permission.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/layui-v2.9.2/layui/layui.js"></script>
|
||
|
|
<script src="../../js/public/select.js"></script>
|
||
|
|
<script src="../../js/public/commonUtils.js"></script>
|
||
|
|
<title>远程巡视</title>
|
||
|
|
</head>
|
||
|
|
<style>
|
||
|
|
.left{
|
||
|
|
width: 20%;
|
||
|
|
}
|
||
|
|
.center{
|
||
|
|
width: 78.4%;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<body>
|
||
|
|
<div class="layout close" >
|
||
|
|
<p style="font-family: 'Alibaba PuHuiTi R'">远程巡视</p>
|
||
|
|
<div style="width: 120px;height: 100%;justify-content: end;cursor: pointer;" onclick="closePage(1)" title="关闭" class="layout"><img src="../../img/common-icon/close-btn.png"></div>
|
||
|
|
</div>
|
||
|
|
<div class="content layout">
|
||
|
|
<div class="left layout">
|
||
|
|
<!--云台操作-->
|
||
|
|
<div id="cloudPlatform">
|
||
|
|
<div class="cloudPlatform-Btn">
|
||
|
|
<button id="up" lay-event="control"></button>
|
||
|
|
</div>
|
||
|
|
<div class="cloudPlatform-Btn">
|
||
|
|
<button id="left" lay-event="control"></button>
|
||
|
|
<button id="right" lay-event="control"></button>
|
||
|
|
</div>
|
||
|
|
<div class="cloudPlatform-Btn">
|
||
|
|
<button id="down" lay-event="control"></button>
|
||
|
|
</div>
|
||
|
|
<div class="cloudPlatform-Btn">
|
||
|
|
<div class="layout ptz-operation">
|
||
|
|
<button id="videoLocal"></button>
|
||
|
|
<p>录像</p>
|
||
|
|
</div>
|
||
|
|
<div class="layout ptz-operation">
|
||
|
|
<button id="photoLocal" lay-active="photoLocal"></button>
|
||
|
|
<p>抓拍</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="cloudPlatform-Btn">
|
||
|
|
<div class="layout ptz-operation">
|
||
|
|
<button id="farFocus" lay-event="control"></button>
|
||
|
|
<p>近焦</p>
|
||
|
|
</div>
|
||
|
|
<div class="layout ptz-operation">
|
||
|
|
<button id="nearFocus" lay-event="control"></button>
|
||
|
|
<p>远焦</p>
|
||
|
|
</div>
|
||
|
|
<div class="layout ptz-operation">
|
||
|
|
<button id="amplify" lay-event="control"></button>
|
||
|
|
<p>放大</p>
|
||
|
|
</div>
|
||
|
|
<div class="layout ptz-operation">
|
||
|
|
<button id="shrink" lay-event="control"></button>
|
||
|
|
<p>缩小</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!--球机当日上线记录-->
|
||
|
|
<div id="ballOnlineRecord">
|
||
|
|
<div class="model-title layout">
|
||
|
|
<p></p>
|
||
|
|
<p>球机记录</p>
|
||
|
|
<div style="width: 30%" id="record">
|
||
|
|
<span onclick="configure()" style="float: right;font-size: 16px;color: #2F82FB;cursor: pointer;">快捷键设置</span>
|
||
|
|
<span id="tyCode" style="display: none;"></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
<div class="search">
|
||
|
|
<form class="layui-form ball-form" onclick="return false;">
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<div class="layui-inline" style="margin-left: 10px;">
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<input type="text" id="startTime" readonly class="layui-input" placeholder="请选择日期"
|
||
|
|
autocomplete="off">
|
||
|
|
<img src="../../img/common-icon/date-icon.png">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-inline">
|
||
|
|
<button type="button" class="layui-btn layui-btn-normal" onclick="queryBallOnlineRecord()"
|
||
|
|
style="width: 60px;">查询
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
<div class="table-box" table-responsive style="z-index: 1;">
|
||
|
|
<table id="ballOnlineRecordTable" class="table" lay-filter="ballOnlineRecordTable"></table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="center">
|
||
|
|
<div id="ball">
|
||
|
|
<!-- 球机界面 -->
|
||
|
|
<div id="balla" class="split split-horizontal" >
|
||
|
|
<div id="windowbox" class="ballsplit " ondblclick="videofullscreen(windowbox)" style="width: 100%;height: 100%; position: relative;z-index: 9999;pointer-events:auto">
|
||
|
|
<video id="videoPlayer" class="video-js" style="width:100%;height:100%;background-color:black;object-fit:fill"
|
||
|
|
ontimeupdate="progress(event)"></video>
|
||
|
|
<div id="videoDemo" class="ball-content "
|
||
|
|
style="width: 100%;height: 100%; pointer-events: none; display: none;">
|
||
|
|
</div>
|
||
|
|
<div id="videoControlBtn" class="layout" style="display: none;">
|
||
|
|
<div class="layout">
|
||
|
|
<div class="layout">
|
||
|
|
<button id="left" lay-event="control2"></button>
|
||
|
|
</div>
|
||
|
|
<div class="layout" style="flex-direction: column;justify-content: space-between;height: 90%;">
|
||
|
|
<button id="up" lay-event="control2"></button>
|
||
|
|
<button id="down" lay-event="control2"></button>
|
||
|
|
</div>
|
||
|
|
<div class="layout">
|
||
|
|
<button id="right" lay-event="control2"></button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layout" style="justify-content: space-around;">
|
||
|
|
<button id="amplify" lay-event="control2"></button>
|
||
|
|
<button id="shrink" lay-event="control2"></button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<canvas id="canvasPlayer1" style="display:none;"></canvas>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 自定义右键菜单结构 -->
|
||
|
|
<div id="custom-context-menu">
|
||
|
|
<div class="context-menu-item" id="save_image" data-action="save_image">
|
||
|
|
<i>📋</i> 本地抓拍
|
||
|
|
</div>
|
||
|
|
<div class="context-menu-item" id="start_video" data-action="start_video">
|
||
|
|
<i><svg t="1748229426039" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5624" width="20" height="15"><path d="M149.989688 874.093352a509.948138 509.948138 0 1 0-109.714286-162.700613 513.206978 513.206978 0 0 0 109.714286 162.700613z" fill="#4D4D4D" p-id="5625"></path><path d="M429.646454 687.977369a57.331447 57.331447 0 0 0 27.277699 7.000472 60.348892 60.348892 0 0 0 32.829797-10.017916l175.977369-115.990571a68.677039 68.677039 0 0 0 30.777935-58.055634 66.504479 66.504479 0 0 0-29.812353-56.486563l-177.54644-115.749175a57.934936 57.934936 0 0 0-60.348892-3.017445 67.832155 67.832155 0 0 0-33.312588 60.348893V627.628477a67.470061 67.470061 0 0 0 34.157473 60.348892z" fill="#FFFFFF" p-id="5626"></path></svg></i> 开始录像
|
||
|
|
</div>
|
||
|
|
<div class="context-menu-item" id="end_video" data-action="end_video">
|
||
|
|
<i><svg t="1748229303034" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="4594" width="20" height="15"><path d="M512.6 105.9c-224.1 0-405.7 181.6-405.7 405.7s181.6 405.7 405.7 405.7 405.7-181.6 405.7-405.7-181.7-405.7-405.7-405.7zM487 314c0-8.5 3-15.8 9-22 6-6.2 13.3-9.3 21.7-9.3 8.8 0 16.2 3.1 22.2 9.3 6 6.2 9 13.5 9 22v185.6c0 8.5-3 15.7-9 21.7s-13.4 9-22.2 9c-8.5 0-15.7-3-21.7-9s-9-13.3-9-21.7V314z m232.3 300.2c-11.6 26.5-27.2 49.7-46.9 69.4-19.7 19.7-42.8 35.3-69.4 46.9-26.5 11.6-55 17.3-85.2 17.3-30 0-58.2-5.8-84.8-17.3-26.5-11.6-49.7-27.2-69.6-46.9-19.9-19.7-35.5-42.8-46.9-69.4-11.4-26.5-17.1-55-17.1-85.2 0-17.3 2-34.2 6.1-50.8 4.1-16.6 9.8-32.4 17.3-47.4s16.8-29 27.8-42c25.8-30.2 52-42.3 60.3-41 8.3 1.3 15.1 5.4 20.3 12.2 5.2 6.8 7.2 14.5 5.9 23-1.3 8.5-5.4 15.3-12.2 20.5-20.5 15-36.2 33.4-47.1 55.2-10.9 21.8-16.4 45.3-16.4 70.3 0 21.5 4.1 41.8 12.2 60.8s19.3 35.7 33.5 49.8c14.2 14.2 30.8 25.4 49.8 33.7 19.1 8.3 39.3 12.5 60.8 12.5s41.8-4.1 60.8-12.5c19.1-8.3 35.7-19.5 49.8-33.7 14.2-14.2 25.4-30.8 33.7-49.8 8.3-19 12.5-39.3 12.5-60.8 0-25.4-5.9-49.4-17.6-72.1-11.7-22.6-28.2-41.3-49.3-55.9-7.2-4.9-11.5-11.6-13-20-1.5-8.5 0.2-16.3 5.1-23.5 4.9-6.8 11.6-11 20-12.5 8.5-1.5 16.3 0.2 23.5 5.1 14.6 10.4 27.7 22.2 39.1 35.4 11.4 13.2 21.2 27.4 29.3 42.7 8.1 15.3 14.3 31.5 18.6 48.6 4 15.6 6.4 33.5 6.4 51.9v0.1c0 30.5-5.8 58.9-17.3 85.4z m0 0" fill="#707070" p-id="4595"></path></svg></i> 结束录像
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
<style>
|
||
|
|
.layui-table-init {
|
||
|
|
background-color: transparent !important;
|
||
|
|
}
|
||
|
|
.layui-btn + .layui-btn {
|
||
|
|
margin: 0 0 0 10px;
|
||
|
|
}
|
||
|
|
.layui-table-cell{
|
||
|
|
padding: 6px 10px !important;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script src="../../js/dutyTask/remotePatrol/uapVideoUtils.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/dutyTask/remotePatrol/video.js" type="text/javascript"></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/FileSaver.min.js"></script>
|
||
|
|
<script type="text/javascript" src="../../js/public/videoConnect.js"></script>
|
||
|
|
<!-- <script src="../../js/dutyTask/remotePatrol/remotePatrolAjaxReq.js" type="text/javascript"></script> -->
|
||
|
|
<script src="../../js/dutyTask/externalProView.js"></script>
|
||
|
|
<script src="../../js/public/videoDrawArea.js" type="text/javascript"></script>
|
||
|
|
|
||
|
|
</html>
|