|
|
@@ -1,8 +1,9 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html lang=zh-CN>
|
|
|
<head>
|
|
|
- <meta charset="utf-8" />
|
|
|
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
|
|
+ <meta charset="utf-8" />
|
|
|
+ <meta name="viewport"
|
|
|
+ content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
|
|
<title>监控详情页</title>
|
|
|
<style type="text/css">
|
|
|
body {
|
|
|
@@ -74,10 +75,29 @@
|
|
|
width: 100%;
|
|
|
background: #000;
|
|
|
}
|
|
|
+
|
|
|
+ #dialog {
|
|
|
+ display: none;
|
|
|
+ width: 200px;
|
|
|
+ line-height: 80px;
|
|
|
+ background: rgba(0, 0, 0, .8);
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -100px;
|
|
|
+ border-radius: 4px;
|
|
|
+ z-index: 999;
|
|
|
+ top: 50%;
|
|
|
+ margin-top: -40px;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div id="box"></div>
|
|
|
+ <div id="dialog">
|
|
|
+
|
|
|
+ </div>
|
|
|
<div class="btn-box">
|
|
|
<div class="more" ontouchstart="configCamera('move', 8)" ontouchend="stopConfigCamera()">
|
|
|
<image src="http://static.yfpyx.com/bigdata_app/image/monitor/3.png" mode="widthFix"></image>
|
|
|
@@ -105,18 +125,12 @@
|
|
|
</div>
|
|
|
</body>
|
|
|
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
|
+ <!-- 微信 JS-SDK 如果不需要兼容小程序，则无需引用此 JS 文件。 -->
|
|
|
+ <!-- <script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> -->
|
|
|
<!-- uni 的 SDK -->
|
|
|
+ <script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>
|
|
|
<script type="text/javascript" src="http://static.yfpyx.com/bigdata_app/js/ezuikit.js"></script>
|
|
|
<script type="text/javascript">
|
|
|
- //上下左右和拍照
|
|
|
- // aler(123)
|
|
|
- console.log(123)
|
|
|
- var str = window.location.search.substr(1)
|
|
|
- var arr = str.split('&')
|
|
|
- var device_id = arr[0].split('=')[1]
|
|
|
- var accessToken = arr[1].split('=')[1]
|
|
|
- console.log(device_id)
|
|
|
- console.log(accessToken)
|
|
|
function configCamera(ctrl, movenum) {
|
|
|
if (ctrl == "takephoto") {
|
|
|
$.ajax({
|
|
|
@@ -144,7 +158,7 @@
|
|
|
movenum: movenum,
|
|
|
}
|
|
|
}).then((res) => {
|
|
|
- console.log('成功')
|
|
|
+ $('#dialog').html('指令下发成功,请等待...').stop().show(500).delay(3000).hide(500)
|
|
|
|
|
|
})
|
|
|
}
|
|
|
@@ -160,28 +174,33 @@
|
|
|
},
|
|
|
});
|
|
|
}
|
|
|
- $(function() {
|
|
|
- $.ajax({
|
|
|
- type: "POST",
|
|
|
- url: "https://wx.hnyfwlw.com/api/api_gateway?method=camera.camera_manage.addr_camera",
|
|
|
- data: {
|
|
|
- device_id: device_id,
|
|
|
- }
|
|
|
- }).then((res) => {
|
|
|
- console.log(res.data)
|
|
|
-
|
|
|
- var data = eval("(" + res.data + ")");
|
|
|
- var hlsHdSrc = data.hlsHd;
|
|
|
- var rtmpHdSrc = data.rtmpHd;
|
|
|
- var playHtml =
|
|
|
- `<video id="myPlayer" autoplay poster='' controls playsInline webkit-playsinline src=${hlsHdSrc} style="width:100%; height:100%;"></video>`;
|
|
|
- $("#box").html(playHtml)
|
|
|
- var myVideo = new EZUIKit.EZUIPlayer("myPlayer");
|
|
|
- setTimeout(() => {
|
|
|
- myVideo.play();
|
|
|
- }, 150);
|
|
|
-
|
|
|
- })
|
|
|
+ //上下左右和拍照
|
|
|
+ var str = window.location.search.substr(1)
|
|
|
+ var arr = str.split('&')
|
|
|
+ console.log(str);
|
|
|
+ var device_id = arr[0].split('=')[1]
|
|
|
+ console.log(device_id);
|
|
|
+ var accessToken = arr[1].split('=')[1]
|
|
|
+ console.log(accessToken)
|
|
|
+ $.ajax({
|
|
|
+ type: "POST",
|
|
|
+ url: "https://wx.hnyfwlw.com/api/api_gateway?method=camera.camera_manage.addr_camera",
|
|
|
+ data: {
|
|
|
+ device_id: device_id,
|
|
|
+ }
|
|
|
+ }).then((res) => {
|
|
|
+ console.log(res.data)
|
|
|
+ var data = eval("(" + res.data + ")");
|
|
|
+ var hlsHdSrc = data.hlsHd;
|
|
|
+ var rtmpHdSrc = data.rtmpHd;
|
|
|
+ var playHtml =
|
|
|
+ `<video id="myPlayer" autoplay poster='' controls playsInline webkit-playsinline src=${hlsHdSrc} style="width:100%; height:100%;"></video>`;
|
|
|
+ $("#box").html(playHtml)
|
|
|
+ var myVideo = new EZUIKit.EZUIPlayer("myPlayer");
|
|
|
+ setTimeout(() => {
|
|
|
+ myVideo.play();
|
|
|
+ }, 150);
|
|
|
+
|
|
|
})
|
|
|
</script>
|
|
|
</html>
|
