|
|
|
@ -140,8 +140,6 @@ export default { |
|
|
|
this.initPlugin(); |
|
|
|
this.initPlugin2(); |
|
|
|
this.initPlugin3(); |
|
|
|
// setTimeout(this.initPlugin2(), 1000); |
|
|
|
// setTimeout(this.initPlugin3(), 1000); |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
@ -163,25 +161,6 @@ export default { |
|
|
|
this.addNumber(0, 234098, 'insv3') |
|
|
|
this.getVideo() |
|
|
|
|
|
|
|
|
|
|
|
// if (flvjs.isSupported()) { |
|
|
|
// let video = this.$refs.player |
|
|
|
|
|
|
|
// if (video) { |
|
|
|
// this.player = flvjs.createPlayer({ |
|
|
|
// type: "flv", |
|
|
|
// isLive: true, |
|
|
|
// url: `rtmp://58.200.131.2:1935/livetv/hunantv` |
|
|
|
// }); |
|
|
|
// this.player.attachMediaElement(video); |
|
|
|
// try { |
|
|
|
// this.player.load(); |
|
|
|
// this.player.play(); |
|
|
|
// } catch (error) { |
|
|
|
// console.log(error); |
|
|
|
// } |
|
|
|
// } |
|
|
|
// } |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
ty_bar1() { |
|
|
|
@ -713,19 +692,19 @@ export default { |
|
|
|
console.log(that); |
|
|
|
homeApi.allGetVideo().then(res => { |
|
|
|
// get allTimeData |
|
|
|
console.log(res); |
|
|
|
// console.log(res); |
|
|
|
const tmpdata = res.data.videoData |
|
|
|
console.log(tmpdata); |
|
|
|
// console.log(tmpdata); |
|
|
|
this.decode(tmpdata) |
|
|
|
console.log(this.decode(tmpdata)); |
|
|
|
// console.log(this.decode(tmpdata)); |
|
|
|
let baseviode = this.decode(tmpdata) |
|
|
|
this.decode(baseviode) |
|
|
|
console.log(this.decode(baseviode)); |
|
|
|
// console.log(this.decode(baseviode)); |
|
|
|
let baseviodejson = this.decode2(baseviode) |
|
|
|
var jsonParseJson = JSON.parse(baseviodejson); |
|
|
|
console.log(jsonParseJson); |
|
|
|
// console.log(jsonParseJson); |
|
|
|
this.videoData = jsonParseJson |
|
|
|
console.log(this.videoData); |
|
|
|
// console.log(this.videoData); |
|
|
|
// this.day_num = tmpdata.day.noRepeatInNum |
|
|
|
// this.week_num_num = tmpdata.week.noRepeatInNum |
|
|
|
// this.mon_num = tmpdata.month.noRepeatInNum |
|
|
|
@ -783,7 +762,6 @@ export default { |
|
|
|
oWebControl0.JS_CreateWnd('camera0').then(() => { |
|
|
|
//JS_CreateWnd创建视频播放窗口,宽高可设定 |
|
|
|
_that.init(); // 创建播放实例成功后初始化 |
|
|
|
console.log('111111111'); |
|
|
|
|
|
|
|
}); |
|
|
|
}, |
|
|
|
@ -843,7 +821,6 @@ export default { |
|
|
|
oWebControl1.JS_CreateWnd('camera1').then(() => { |
|
|
|
//JS_CreateWnd创建视频播放窗口,宽高可设定 |
|
|
|
_that.init2(); // 创建播放实例成功后初始化 |
|
|
|
console.log('22222222222'); |
|
|
|
|
|
|
|
}).catch((err) => { |
|
|
|
console.log(err); |
|
|
|
@ -905,7 +882,6 @@ export default { |
|
|
|
oWebControl2.JS_CreateWnd('camera2').then(() => { |
|
|
|
//JS_CreateWnd创建视频播放窗口,宽高可设定 |
|
|
|
_that.init3(); // 创建播放实例成功后初始化 |
|
|
|
console.log('3333333333'); |
|
|
|
|
|
|
|
}).catch((err) => { |
|
|
|
console.log(err); |
|
|
|
@ -950,7 +926,7 @@ export default { |
|
|
|
|
|
|
|
_that.getPubKey(function () { |
|
|
|
// 请自行修改以下变量值 |
|
|
|
console.log(typeof(_that.videoData[0].host)); |
|
|
|
// console.log(typeof(_that.videoData[0].host)); |
|
|
|
var port = Number(_that.videoData[0].port) |
|
|
|
var appkey = _that.videoData[0].appkey; //综合安防管理平台提供的appkey,必填 |
|
|
|
var secret = _that.setEncrypt(_that.videoData[0].secret); //综合安防管理平台提供的secret,必填 |
|
|
|
@ -988,8 +964,8 @@ export default { |
|
|
|
let width = document.querySelector("#camera0").offsetWidth; |
|
|
|
let height = document.querySelector("#camera0").offsetHeight; |
|
|
|
_that.oWebControl0.JS_Resize(width, height); // 初始化后resize一次,能和盒子大小一致。 |
|
|
|
console.log(oData); |
|
|
|
console.log(width, height); |
|
|
|
// console.log(oData); |
|
|
|
// console.log(width, height); |
|
|
|
_that.getVideoFun(_that.videoData[0].cameraIndexCode) |
|
|
|
}); |
|
|
|
}); |
|
|
|
@ -1035,8 +1011,8 @@ export default { |
|
|
|
let width2 = document.querySelector("#camera1").offsetWidth; |
|
|
|
let height2 = document.querySelector("#camera1").offsetHeight; |
|
|
|
_that.oWebControl1.JS_Resize(width2, height2); // 初始化后resize一次,能和盒子大小一致。 |
|
|
|
console.log(oData); |
|
|
|
console.log(width2, height2); |
|
|
|
// console.log(oData); |
|
|
|
// console.log(width2, height2); |
|
|
|
_that.getVideoFun2(_that.videoData[1].cameraIndexCode) |
|
|
|
}); |
|
|
|
}); |
|
|
|
@ -1082,8 +1058,8 @@ export default { |
|
|
|
let width3 = document.querySelector("#camera2").offsetWidth; |
|
|
|
let height3 = document.querySelector("#camera2").offsetHeight; |
|
|
|
_that.oWebControl2.JS_Resize(width3, height3); // 初始化后resize一次,能和盒子大小一致。 |
|
|
|
console.log(oData); |
|
|
|
console.log(width3, height3); |
|
|
|
// console.log(oData); |
|
|
|
// console.log(width3, height3); |
|
|
|
_that.getVideoFun3(_that.videoData[2].cameraIndexCode) |
|
|
|
}); |
|
|
|
}); |
|
|
|
@ -1542,9 +1518,9 @@ export default { |
|
|
|
|
|
|
|
.venue_proportion_top { |
|
|
|
text-align: center; |
|
|
|
width: 75%; |
|
|
|
height: 9vh; |
|
|
|
line-height: 9vh; |
|
|
|
width: 85%; |
|
|
|
height: 13vh; |
|
|
|
line-height: 13vh; |
|
|
|
margin: 0 auto; |
|
|
|
background-image: url('../../assets/ty/右1-4.png'); |
|
|
|
background-size: 100% 100%; |
|
|
|
@ -1557,8 +1533,8 @@ export default { |
|
|
|
font-weight: bold; |
|
|
|
display: block; |
|
|
|
width: 60%; |
|
|
|
height: 9vh; |
|
|
|
line-height: 9vh; |
|
|
|
height: 12vh; |
|
|
|
line-height: 12vh; |
|
|
|
margin: 0 auto; |
|
|
|
background-image: url('../../assets/ty/右1-3.png'); |
|
|
|
background-size: 100% 100%; |
|
|
|
|