|
@@ -1,14 +1,9 @@
|
|
|
<!DOCTYPE html>
|
|
<!DOCTYPE html>
|
|
|
<html lang=zh-CN>
|
|
<html lang=zh-CN>
|
|
|
<head>
|
|
<head>
|
|
|
- <meta charset="utf-8">
|
|
|
|
|
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
- <meta name="divport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1">
|
|
|
|
|
|
|
+ <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>
|
|
<title>监控详情页</title>
|
|
|
- <meta name="Copyright" content="helang">
|
|
|
|
|
- <link rel="shortcut icon" type="image/png" href="/uniapp-extend/static/logo.png">
|
|
|
|
|
- <meta name="keywords" content="">
|
|
|
|
|
- <meta name="description" content="">
|
|
|
|
|
<style type="text/css">
|
|
<style type="text/css">
|
|
|
body {
|
|
body {
|
|
|
margin: 0;
|
|
margin: 0;
|
|
@@ -40,8 +35,8 @@
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.direc {
|
|
.direc {
|
|
|
- width: 400px;
|
|
|
|
|
- height: 400px;
|
|
|
|
|
|
|
+ width: 150px;
|
|
|
|
|
+ height: 150px;
|
|
|
background: url('http://static.yfpyx.com/bigdata_app/image/monitor/1.png');
|
|
background: url('http://static.yfpyx.com/bigdata_app/image/monitor/1.png');
|
|
|
background-size: 100% auto;
|
|
background-size: 100% auto;
|
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
@@ -75,13 +70,11 @@
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
#box {
|
|
#box {
|
|
|
- height: 800px;
|
|
|
|
|
|
|
+ height: 300px;
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
background: #000;
|
|
background: #000;
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|
|
|
- <script type="text/javascript" src="./js/ezuikit.js"></script>
|
|
|
|
|
-
|
|
|
|
|
</head>
|
|
</head>
|
|
|
<body>
|
|
<body>
|
|
|
<div id="box"></div>
|
|
<div id="box"></div>
|
|
@@ -113,9 +106,11 @@
|
|
|
</body>
|
|
</body>
|
|
|
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
|
<!-- uni 的 SDK -->
|
|
<!-- 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">
|
|
<script type="text/javascript">
|
|
|
//上下左右和拍照
|
|
//上下左右和拍照
|
|
|
|
|
+ // aler(123)
|
|
|
|
|
+ console.log(123)
|
|
|
var str = window.location.search.substr(1)
|
|
var str = window.location.search.substr(1)
|
|
|
var arr = str.split('&')
|
|
var arr = str.split('&')
|
|
|
var device_id = arr[0].split('=')[1]
|
|
var device_id = arr[0].split('=')[1]
|
|
@@ -166,8 +161,6 @@
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
$(function() {
|
|
$(function() {
|
|
|
- // var width = $('.direc').width()
|
|
|
|
|
- // $('.direc').height(width)
|
|
|
|
|
$.ajax({
|
|
$.ajax({
|
|
|
type: "POST",
|
|
type: "POST",
|
|
|
url: "http://8.136.98.49:8002/api/api_gateway?method=camera.camera_manage.addr_camera",
|
|
url: "http://8.136.98.49:8002/api/api_gateway?method=camera.camera_manage.addr_camera",
|
|
@@ -181,10 +174,8 @@
|
|
|
console.log(data)
|
|
console.log(data)
|
|
|
var hlsHdSrc = data.hlsHd;
|
|
var hlsHdSrc = data.hlsHd;
|
|
|
var rtmpHdSrc = data.rtmpHd;
|
|
var rtmpHdSrc = data.rtmpHd;
|
|
|
- // console.log($("#box"))
|
|
|
|
|
- // $("#box").innerHTML(1234)
|
|
|
|
|
var playHtml =
|
|
var playHtml =
|
|
|
- `<video id="myPlayer" autoplay poster='' controls playsInline webkit-playsinline src="${hlsHdSrc}" style="width:100%; height:100%;"></video>`;
|
|
|
|
|
|
|
+ `<video id="myPlayer" autoplay poster='' controls playsInline webkit-playsinline src="http://hls01open.ys7.com/openlive/fe1a632be91b4df69f061b766872f974.hd.m3u8" style="width:100%; height:100%;"></video>`;
|
|
|
$("#box").html(playHtml)
|
|
$("#box").html(playHtml)
|
|
|
var myVideo = new EZUIKit.EZUIPlayer("myPlayer");
|
|
var myVideo = new EZUIKit.EZUIPlayer("myPlayer");
|
|
|
setTimeout(() => {
|
|
setTimeout(() => {
|
|
@@ -192,33 +183,6 @@
|
|
|
}, 150);
|
|
}, 150);
|
|
|
|
|
|
|
|
})
|
|
})
|
|
|
-
|
|
|
|
|
- // setTimeout(() => {
|
|
|
|
|
- // var url = "ezopen://open.ys7.com/" + device_id + "/1.hd.live"
|
|
|
|
|
- // var player = new EZUIKit.EZUIPlayer({
|
|
|
|
|
- // id: 'myPlayer',
|
|
|
|
|
- // url: url,
|
|
|
|
|
- // autoplay: true,
|
|
|
|
|
- // accessToken: accessToken,
|
|
|
|
|
- // decoderPath: 'js',
|
|
|
|
|
- // width: 1000,
|
|
|
|
|
- // height: 800,
|
|
|
|
|
- // });
|
|
|
|
|
- // player.play();
|
|
|
|
|
- // }, 1000)
|
|
|
|
|
-
|
|
|
|
|
})
|
|
})
|
|
|
- document.addEventListener('UniAppJSBridgeReady', function() {
|
|
|
|
|
- uni.webView.getEnv(function(res) {
|
|
|
|
|
- console.log(res)
|
|
|
|
|
- console.log('当前环境:' + JSON.stringify(res));
|
|
|
|
|
- });
|
|
|
|
|
- uni.postMessage({
|
|
|
|
|
- data: {
|
|
|
|
|
- action: 'postMessage'
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- // uni.webView.navigateTo(...)
|
|
|
|
|
- });
|
|
|
|
|
</script>
|
|
</script>
|
|
|
</html>
|
|
</html>
|