app-xiangsonghua/app-saas-src/html/feature/camera.html
2024-12-26 17:00:06 +08:00

64 lines
2.2 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>title</title>
<link rel="stylesheet" type="text/css" href="../../css/api.css" />
<link rel="stylesheet" type="text/css" href="../../css/style.css" />
<link rel="stylesheet" type="text/css" href="../../css/feature/camera.css" />
<style>
</style>
</head>
<body>
<div class="container">
<header>
<div id="statusBarHeight"></div>
<div class="top-bar">
<div class="back" id="back">
<img src="../../image/back.png" />
</div>
<span>视频监控</span>
<div class="width-back"></div>
</div>
</header>
<div class="heightHeader" id="heightHeader"></div>
<div id="content">
<div id="slaver-panel" class="panel">
<!-- 三星 autoplay 可能有问题,导致视频无法播放 -->
<!-- <video autoplay="autoplay" id="video" height="210" controls></video> -->
<video id="video" height="210" controls></video>
</div>
<div class="btns-container">
<div class="btns-title">清晰度</div>
<div class="stackpanel-horizontal btngroup" id="definition">
<input class="btn btn-highlight" type="button" value="流畅" ctvalue="low" />
<input class="btn" type="button" value="高清" ctvalue="high" />
</div>
<div class="btns-title">摄像头列表</div>
<div class="stackpanel-horizontal btngroup" id="video-group">
</div>
</div>
</div>
<!-- 空记录提示 -->
<div class="empty-tips" id="camera-empty-tips">
<p class="height50"></p>
<div></div>
<span>查找不到监控资源</span>
</div>
</div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/zepto.min.js"></script>
<script type="text/javascript" src="../../script/menu-privilege.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<!-- <script type="text/javascript" src="../../script/hls.min.js"></script> -->
<script type="text/javascript" src="../../script/feature/camera.js"></script>
</html>