177 lines
7.9 KiB
HTML
177 lines
7.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link rel="stylesheet" href="../../css/font.css">
|
||
<link rel="stylesheet" href="../../plugin/layui-v2.9.7/layui/css/layui.css">
|
||
<link rel="stylesheet" href="../../css/video/video.css">
|
||
<link rel="stylesheet" href="../../plugin/toolTip/mTips.css">
|
||
<script src="../../js/publics/jquery-3.6.0.min.js" type="text/javascript"></script>
|
||
<script src="../../js/publics/public.js"></script>
|
||
<script src="../../plugin/layui-v2.9.7/layui/layui.js"></script>
|
||
<script src="../../plugin/toolTip/mTips.js"></script>
|
||
<script src="../../js/publics/aescbc.js"></script>
|
||
<script src="../../js/publics/aes.js"></script>
|
||
<script src="../../api/commonRequest.js" type="text/javascript"></script>
|
||
<script src="../../plugin/scroll/jquery.nicescroll.min.js"></script>
|
||
<title>视频监控</title>
|
||
</head>
|
||
|
||
<body>
|
||
<div id="main-box" class="layout">
|
||
<div id="left-box" class="layout">
|
||
<!-- 云台控制 -->
|
||
<div id="left-top" class="layout">
|
||
<div id="left-top-one" class="layout">
|
||
<div id="one-child">
|
||
<div id="yclx" class="layout">
|
||
<button></button>
|
||
<p>远程录像</p>
|
||
</div>
|
||
<div id="bdlx" class="layout">
|
||
<button></button>
|
||
<p>本地录像</p>
|
||
</div>
|
||
</div>
|
||
<div id="two-child" class="layout">
|
||
<div id="yt" class="layout">
|
||
<div id="yt-left" class="layout">
|
||
<button></button>
|
||
</div>
|
||
<div id="yt-center" class="layout">
|
||
<button></button>
|
||
<button></button>
|
||
</div>
|
||
<div id="yt-right" class="layout">
|
||
<button></button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="three-child">
|
||
<div id="yczp" class="layout">
|
||
<button></button>
|
||
<p>远程抓拍</p>
|
||
</div>
|
||
<div id="bdzp" class="layout">
|
||
<button></button>
|
||
<p>本地抓拍</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="left-top-two" class="layout">
|
||
<div id="jj-box" class="layout">
|
||
<div id="jj" class="layout">
|
||
<button></button>
|
||
<button></button>
|
||
</div>
|
||
<p>聚焦</p>
|
||
</div>
|
||
<div id="sf-box" class="layout">
|
||
<div id="sf" class="layout">
|
||
<button></button>
|
||
<button></button>
|
||
</div>
|
||
<p>缩放</p>
|
||
</div>
|
||
<div id="gq-box" class="layout">
|
||
<div id="gq" class="layout">
|
||
<button></button>
|
||
<button></button>
|
||
</div>
|
||
<p>光圈</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 球机列表 -->
|
||
<div id="left-bottom">
|
||
<div id="search-box">
|
||
<form class="layui-form layout">
|
||
<input class="layui-input" autocomplete="off" placeholder="请输入关键字">
|
||
<img src="../../img/video/search.png" id="search-img" alt="搜索">
|
||
</form>
|
||
</div>
|
||
<div id="device-online-box" class="layout">
|
||
<div class="device-status layout">全部（100）</div>
|
||
<div class="device-status layout">在线（20）</div>
|
||
<div class="device-status layout">离线（80）</div>
|
||
</div>
|
||
<div id="device-tree"></div>
|
||
</div>
|
||
</div>
|
||
<div id="center-box">
|
||
<div id="video-box">
|
||
<div id="balla" class="split split-horizontal">
|
||
<div id="windowbox" class="ballsplit "
|
||
style="width: 100%;height: 100%; position: relative;z-index: 9999999999;pointer-events:auto">
|
||
<video id="videoPlayer1" class="ball-content"></video>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="right-box">
|
||
<div id="voi-photo-box">
|
||
<div id="voi-null"></div>
|
||
<div id="voi-photo">
|
||
<div class="voi-item">
|
||
<img src="../../img/video/voi_photo.png">
|
||
<div class="voi-info layout">
|
||
<div class="voi-time layout">
|
||
<img src="../../img/video/alarm.png" alt="告警">
|
||
<p>2024-03-30 12:00:00</p>
|
||
</div>
|
||
<div class="voi-content layout">
|
||
<p>区域入侵</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="voi-item">
|
||
<img src="../../img/video/voi_photo.png">
|
||
<div class="voi-info layout">
|
||
<div class="voi-time layout">
|
||
<img src="../../img/video/alarm.png" alt="告警">
|
||
<p>2024-03-30 12:00:00</p>
|
||
</div>
|
||
<div class="voi-content layout">
|
||
<p>区域入侵</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="voi-item">
|
||
<img src="../../img/video/voi_photo.png">
|
||
<div class="voi-info layout">
|
||
<div class="voi-time layout">
|
||
<img src="../../img/video/alarm.png" alt="告警">
|
||
<p>2024-03-30 12:00:00</p>
|
||
</div>
|
||
<div class="voi-content layout">
|
||
<p>区域入侵</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="voi-item">
|
||
<img src="../../img/video/voi_photo.png">
|
||
<div class="voi-info layout">
|
||
<div class="voi-time layout">
|
||
<img src="../../img/video/alarm.png" alt="告警">
|
||
<p>2024-03-30 12:00:00</p>
|
||
</div>
|
||
<div class="voi-content layout">
|
||
<p>区域入侵</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
<script type="text/javascript" src="../../js/pages/video/qx/conf.js"></script>
|
||
<script type="text/javascript" src="../../js/pages/video/qx/flv.min.js"></script>
|
||
<script type="text/javascript" src="../../js/pages/video/qx/FileSaver.min.js"></script>
|
||
<script type="text/javascript" src="../../js/pages/video/videoConnect.js"></script>
|
||
<script src="../../js/pages/video/videoAjax.js" type="text/javascript"></script>
|
||
<script src="../../js/pages/video/video.js" type="text/javascript"></script>
|
||
|
||
</html> |