|
|
@@ -5,12 +5,15 @@
|
|
|
<meta name="viewport"
|
|
|
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
|
|
<title>监控详情页</title>
|
|
|
+ <link href="https://unpkg.com/video.js@7.10.2/dist/video-js.min.css" rel="stylesheet" />
|
|
|
<style type="text/css">
|
|
|
body {
|
|
|
margin: 0;
|
|
|
background-color: #f3f3f3;
|
|
|
}
|
|
|
-
|
|
|
+ span.vjs-control-text{
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
/* iframe {
|
|
|
width: 375px;
|
|
|
height: 667px;
|
|
|
@@ -74,6 +77,7 @@
|
|
|
height: 300px;
|
|
|
width: 100%;
|
|
|
background: #000;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
|
|
|
#dialog {
|
|
|
@@ -103,7 +107,8 @@
|
|
|
font-size: 16px;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
- .imgBtn img{
|
|
|
+
|
|
|
+ .imgBtn img {
|
|
|
display: inline-block;
|
|
|
width: 20px;
|
|
|
height: 20px;
|
|
|
@@ -152,7 +157,8 @@
|
|
|
<!-- <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://www.hnyfwlw.com:8006/bigdata_app/js/ezuikit.js"></script>
|
|
|
+ <!-- <script type="text/javascript" src="http://www.hnyfwlw.com:8006/bigdata_app/js/ezuikit.js"></script> -->
|
|
|
+ <script src="https://unpkg.com/video.js@7.10.2/dist/video.min.js"></script>
|
|
|
<script type="text/javascript">
|
|
|
function configCamera(ctrl, movenum) {
|
|
|
if (ctrl == "takephoto") {
|
|
|
@@ -199,35 +205,58 @@
|
|
|
//上下左右和拍照
|
|
|
var str = window.location.search.substr(1)
|
|
|
var arr = str.split('&')
|
|
|
- console.log(str);
|
|
|
+ // console.log(str);
|
|
|
var device_id = arr[0].split('=')[1]
|
|
|
- console.log(device_id);
|
|
|
+ // console.log(device_id);
|
|
|
var accessToken = arr[1].split('=')[1]
|
|
|
- console.log(accessToken)
|
|
|
+ // console.log(accessToken)
|
|
|
$.ajax({
|
|
|
type: "POST",
|
|
|
url: "https://wx.hnyfwlw.com/api/api_gateway?method=camera.camera_manage.addr_camera",
|
|
|
+ // url: "http://192.168.0.117:8003/api/api_gateway?method=camera.camera_manage.addr_camera",
|
|
|
data: {
|
|
|
- device_id: device_id,
|
|
|
+ device_id: device_id
|
|
|
+ // device_id: 'FA8690323-1',
|
|
|
+ // token: localStorage.getItem('session_key')
|
|
|
}
|
|
|
}).then((res) => {
|
|
|
- console.log(res.data)
|
|
|
- var data = eval("(" + res.data + ")");
|
|
|
- var hlsHdSrc = data.hlsHd;
|
|
|
- console.log(hlsHdSrc)
|
|
|
- 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);
|
|
|
+ // console.log(JSON.stringify(res))
|
|
|
+ if(res.message == '') {
|
|
|
+ if (typeof res.data == 'string') {
|
|
|
+ var data = eval('(' + res.data + ')');
|
|
|
+ } else {
|
|
|
+ var data = res.data;
|
|
|
+ }
|
|
|
+ // console.log(data, 'data');
|
|
|
+ let hlsHdSrc = data.type_id == 0 ? data.hls : data.hlsHd;
|
|
|
+ var playHtml =
|
|
|
+ `<video id="myPlayer" poster='' controls playsInline webkit-playsinline src=${hlsHdSrc} style="width:100%; height:100%;"></video>`;
|
|
|
+ $("#box").html(playHtml)
|
|
|
+ var myVideo = videojs(`myPlayer`, {
|
|
|
+ controls: true,
|
|
|
+ autoplay: 'play',
|
|
|
+ url:hlsHdSrc,
|
|
|
+ sources: [{
|
|
|
+ type: 'application/x-mpegURL',
|
|
|
+ src: hlsHdSrc,
|
|
|
+ }],
|
|
|
+ },function onPlayerReady() {
|
|
|
+ myVideo.play()
|
|
|
+ console.log('准备好了')
|
|
|
+ });
|
|
|
+ myVideo.on('play',function(){
|
|
|
+ console.log('开始播放')
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ alert(res.message)
|
|
|
+ }
|
|
|
|
|
|
})
|
|
|
document.addEventListener('UniAppJSBridgeReady', function() {
|
|
|
$('.imgBtn').click(function() {
|
|
|
- uni.navigateTo({url:'/pages/monitor/imagelist?id=' + device_id})
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/monitor/imagelist?id=' + device_id
|
|
|
+ })
|
|
|
})
|
|
|
});
|
|
|
</script>
|