184 lines
8.9 KiB
HTML
184 lines
8.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>实时视频</title>
|
|
<link href="../../js/layui/css/layui.css" rel="stylesheet">
|
|
<link href="../../js/layui_dtree/dtree/dtree.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="../../js/layui/font/icon/iconfont.css">
|
|
<script src='../../js/public/aes.js'></script>
|
|
<link href="../../js/contextMenu/jquery.contextMenu.min.css" rel="stylesheet" type="text/css">
|
|
<link rel="stylesheet" href="../../js/layui_dtree/dtree/font/dtreefont.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="../../css/video/video.css">
|
|
<script src="../../js/public/jquery-3.6.0.js"></script>
|
|
<script src="../../js/video/uvp-bai.js"></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/permission.js" type="text/javascript"></script>
|
|
<script src="../../js/layui/layui.js"></script>
|
|
<!-- ty组件核心start -->
|
|
<link rel="stylesheet" href="../../js/video/videoComponent/style/common.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/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/videoComponent/uvp-bai.js'></script>
|
|
<!-- 组件核心end -->
|
|
|
|
|
|
</head>
|
|
<body>
|
|
<div class="content">
|
|
<div class="content_left">
|
|
<div class="operate">
|
|
<div class="operate_top">
|
|
<div class="left">
|
|
<div class="videoLocal">
|
|
<img id="videoLocal" src="../../img/video/videoLocal.png" alt="">
|
|
<span>本地录像</span>
|
|
</div>
|
|
<div class="videoRemote">
|
|
<img id="videoRemote" lay-active="videoRemote" src="../../img/video/videoRemote.png" alt="">
|
|
<span>远程录像</span>
|
|
</div>
|
|
</div>
|
|
<div class="middle">
|
|
<div class="middle_top">
|
|
<div>
|
|
</div>
|
|
<div class="topBtn">
|
|
<img id="up" lay-event="control" src="../../img/video/topBtn.png" alt="">
|
|
</div>
|
|
<div>
|
|
</div>
|
|
</div>
|
|
<div class="middle_top">
|
|
<div class="leftBtn">
|
|
<img id="left" lay-event="control" src="../../img/video/leftBtn.png" alt="">
|
|
</div>
|
|
<div>
|
|
</div>
|
|
<div class="rightBtn">
|
|
<img id="right" lay-event="control" src="../../img/video/rightBtn.png" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="middle_top">
|
|
<div>
|
|
</div>
|
|
<div class="bottomBtn">
|
|
<img id="down" lay-event="control" src="../../img/video/bottomBtn.png" alt="">
|
|
</div>
|
|
<div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="right">
|
|
<div class="photoLocal">
|
|
<img id="photoLocal" lay-active="photoLocal" src="../../img/video/photoLocal.png" alt="">
|
|
<span>本地抓拍</span>
|
|
</div>
|
|
<div class="photoRemote">
|
|
<img id="photoRemote" lay-active="photoRemote" src="../../img/video/photoRemote.png" alt="">
|
|
<span>远程抓拍</span>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="operate_bottom">
|
|
<div class="box">
|
|
<div class="bot_box">
|
|
<div class="bot_box_left">
|
|
<img id="farFocus" lay-event="control" src="../../img/video/farFocus.png" alt="">
|
|
</div>
|
|
<div class="bot_box_right">
|
|
<img id="nearFocus" lay-event="control" src="../../img/video/nearFocus.png" alt="">
|
|
</div>
|
|
<span>聚焦</span>
|
|
</div>
|
|
</div>
|
|
<div class="box">
|
|
<div class="bot_box">
|
|
<div class="bot_box_left">
|
|
<img id="shrink" lay-event="control" src="../../img/video/shrink.png" alt="">
|
|
</div>
|
|
<div class="bot_box_right">
|
|
<img id="amplify" lay-event="control" src="../../img/video/amplify.png" alt="">
|
|
</div>
|
|
<span>缩放</span>
|
|
</div>
|
|
</div>
|
|
<div class="box">
|
|
<div class="bot_box">
|
|
<div class="bot_box_left">
|
|
<img id="apertureMinus" lay-event="control" src="../../img/video/apertureMinus.png" alt="">
|
|
</div>
|
|
<div class="bot_box_right">
|
|
<img id="apertureAdd" lay-event="control" src="../../img/video/apertureAdd.png" alt="">
|
|
</div>
|
|
<span>光圈</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="list">
|
|
<div class="title">
|
|
<p></p>
|
|
<p>球机列表</p>
|
|
<div style="width: 70%">
|
|
<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()" />
|
|
<p style="float: right;font-size: 16px;color: #2F82FB;cursor: pointer;"> 3D云台</p>
|
|
</span>
|
|
<span onclick="configure()" style="float: right;font-size: 16px;color: #2F82FB;cursor: pointer;">快捷键设置</span>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="input">
|
|
<input type="text" id="keyWord" class="layui-input" value="" placeholder="请输入关键字" autocomplete="off" onfocus="prohibitKey(1)" onblur="prohibitKey(2)">
|
|
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" lay-active="query"
|
|
style="font-size: 16px;background-color: #2F82FB;line-height: 36px;height: 36px;"
|
|
id="query">查 询
|
|
</button>
|
|
</div>
|
|
<div class="list-tree" style="overflow: auto">
|
|
<ul id="ballTree" style="width: 100%"></ul>
|
|
</div>
|
|
</div>
|
|
<div class="btn_bottom">
|
|
<button class="btn_ptz layui-btn layui_btn_custom unCheckBtn checkBtn"
|
|
lay-active="city">
|
|
地 市
|
|
</button>
|
|
<button class="btn_rank layui-btn layui_btn_custom unCheckBtn" lay-active="risk">
|
|
风险等级
|
|
</button>
|
|
<button class="btn_rank layui-btn layui_btn_custom unCheckBtn" lay-active="regular">
|
|
固定球机
|
|
</button>
|
|
<button class="btn_rank layui-btn layui_btn_custom unCheckBtn" lay-active="swCity">
|
|
省外球机
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="content_video">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<canvas id="canvas" style="display:none"></canvas>
|
|
</body>
|
|
<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/video/video.js" type="text/javascript"></script>
|
|
<script src="../../js/public/videoDrawArea.js" type="text/javascript"></script>
|
|
</html> |