155 lines
7.8 KiB
HTML
155 lines
7.8 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="../../plugin/layui-v2.9.7/layui/dtree/dtree.css">
|
||
<link rel="stylesheet" href="../../plugin/layui-v2.9.7/layui/dtree/font/dtreefont.css">
|
||
<link rel="stylesheet" href="../../css/video/fixed_video.css">
|
||
<link rel="stylesheet" href="../../plugin/toolTip/mTips.css">
|
||
<script src="../../js/publics/sm4.js" type="text/javascript"></script>
|
||
<script src="../../js/publics/jquery-1.7.1.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>
|
||
<script src="../../plugin/watermark.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 id="videoRemote" lay-active="videoRemote"></button> -->
|
||
<button id="videoLocal22" onclick="recordVideo2()"></button>
|
||
<p>远程录像</p>
|
||
</div>
|
||
<div id="bdlx" class="layout">
|
||
<!-- <button id="videoLocal"></button> -->
|
||
<button id="videoLocal" onclick="recordVideo()"></button>
|
||
<p>本地录像</p>
|
||
</div>
|
||
</div>
|
||
<div id="two-child" class="layout">
|
||
<div id="yt" class="layout">
|
||
<div id="yt-left" class="layout">
|
||
<button id="left" onmousedown="mouseDownPTZControl(3);"
|
||
onmouseup="mouseUpPTZControl();"></button>
|
||
</div>
|
||
<div id="yt-center" class="layout">
|
||
<button id="up" onmousedown="mouseDownPTZControl(1);"
|
||
onmouseup="mouseUpPTZControl();"></button>
|
||
<button id="down" onmousedown="mouseDownPTZControl(2);"
|
||
onmouseup="mouseUpPTZControl();"></button>
|
||
</div>
|
||
<div id="yt-right" class="layout">
|
||
<button id="right" onmousedown="mouseDownPTZControl(4);"
|
||
onmouseup="mouseUpPTZControl();"></button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="three-child">
|
||
<div id="yczp" class="layout">
|
||
<!-- <button id="photoRemote" lay-active="photoRemote"></button> -->
|
||
<button id="photoRemote" onclick="screenshot();"></button>
|
||
<p>远程抓拍</p>
|
||
</div>
|
||
<div id="bdzp" class="layout">
|
||
<button id="photoLocal" lay-active="photoLocal"></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 id="nearFocus" onmousedown="PTZFocusIn()" onmouseup="PTZFoucusStop()"></button>
|
||
<button id="farFocus" onmousedown="PTZFoucusOut()" onmouseup="PTZFoucusStop()"></button>
|
||
</div>
|
||
<p>聚焦</p>
|
||
</div>
|
||
<div id="sf-box" class="layout">
|
||
<div id="sf" class="layout">
|
||
<button id="amplify" onmousedown="PTZZoomIn()" onmouseup="PTZZoomStop()"></button>
|
||
<button id="shrink" onmousedown="PTZZoomout()" onmouseup="PTZZoomStop()"></button>
|
||
</div>
|
||
<p>缩放</p>
|
||
<!-- <button onclick="clickStopRealPlay()">停止预览</button> -->
|
||
</div>
|
||
<!-- <div id="gq-box" class="layout">
|
||
<div id="gq" class="layout">
|
||
<button id="apertureMinus" lay-event="control"></button>
|
||
<button id="apertureAdd" lay-event="control"></button>
|
||
</div>
|
||
<p>光圈</p>
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
<!-- 球机列表 -->
|
||
<div id="left-bottom">
|
||
<!-- <div id="search-box">
|
||
<form class="layui-form layout" onsubmit="return false;">
|
||
<input class="layui-input" autocomplete="off" id="keyWord" placeholder="请输入关键字">
|
||
<img src="../../img/video/search.png" id="search-img" alt="搜索" onclick="loadVideoTree()">
|
||
</form>
|
||
</div> -->
|
||
<div id="device-online-box" class="layout">
|
||
<div class="device-status layout" onclick="a()">全部（0）</div>
|
||
<div class="device-status layout">在线（0）</div>
|
||
<div class="device-status layout">离线（0）</div>
|
||
</div>
|
||
<div id="device-tree">
|
||
<ul id="video-tree" class="dtree" style="height: 100%;overflow: auto;margin: 0 2%;" data-id="-1">
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="center-box">
|
||
<div id="video-box" class="layout">
|
||
<div class="toggle-btn layout">
|
||
<button class="checkBtn" onclick="changeVideoWindow(1)">1</button>
|
||
<button class="nocheckBtn" onclick="changeVideoWindow(2)">4</button>
|
||
</div>
|
||
<!--视频播放窗口-->
|
||
<div class="video-window">
|
||
<div id="divPlugin" class="plugin"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="right-box">
|
||
<div id="voi-photo-box">
|
||
<div id="img-title" class="layout">
|
||
<a onclick="moreData()">查看更多</a>
|
||
</div>
|
||
<div id="img-box">
|
||
<div class="flow-demo layout" id="ID-flow-demo">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="r_menu" class="vpopmenu">
|
||
<div id="stop_realPlay" onclick="clickStopRealPlay();">停止预览</div>
|
||
<div id="fullScreen" onclick="clickFullScreen();">全屏</div>
|
||
</div>
|
||
</div>
|
||
|
||
</body>
|
||
|
||
<script id="videonode" src="../../plugin/hk_video_plugin/codebase/webVideoCtrl.js"></script>
|
||
<script id="videonode" src="../../plugin/hk_video_plugin/hk_config.js"></script>
|
||
<script id="videonode" src="../../plugin/hk_video_plugin/video_connect.js"></script>
|
||
<script src="../../js/publics/openIframe.js" type="text/javascript"></script>
|
||
<script src="../../js/pages/video/fixed_video.js" type="text/javascript"></script>
|
||
|
||
</html> |