diff --git a/src/views/page/largeScreen.vue b/src/views/page/largeScreen.vue index 279ada1..2d342af 100644 --- a/src/views/page/largeScreen.vue +++ b/src/views/page/largeScreen.vue @@ -96,11 +96,11 @@
-
+
-
-
+
+
{{ item.deviceTypeName }}
@@ -335,12 +335,12 @@ export default { }, // 获取摄像头得地址 Copy - getVideoData(cameraid, channelid) { + getVideoData(cameraid, channelid,index) { this.api.camera_gethls(cameraid, channelid).then(res => { // console.log('获取摄像头得地址 Copy',res); if (res.data.code == 200) { // this.url = res.data.data.ezopen - // this.createVideoNew(res.data.data.accessToken) + this.createVideoNew(res.data.data.accesstoken,res.data.data.ezopen,index ) // this.createVideo() } }) @@ -351,10 +351,11 @@ export default { this.api.sel_eqbyid(userId).then(res => { // console.log('根据用户id查询对应的设备数据 Copy',res); - res.data.data.forEach(item => { - if (item.equipmentName == 10 && item.cameraSerialNumber != null) { - this.get_sel_eqbyid_list.push(item) - this.getVideoData(item.cameraSerialNumber, item.cameraChannelNumber) + res.data.data.forEach((item,index) => { + if ( item.cameraSerialNumber != null) { + this.get_sel_eqbyid_list.push({...item,number:index}) + + this.getVideoData(item.cameraSerialNumber, item.cameraChannelNumber,index) // this.getVideoData("L18357958", "5") } }) @@ -393,14 +394,15 @@ export default { this.get_sel_eqbyid(userInfo.userid) }, - createVideoNew(accessToken) { + createVideoNew(accessToken,url,index) { + console.log(accessToken,url,index,111); // divW和divH是获取了父级宽高 使播放容器能铺满div - let divW = this.$refs.monitor.clientWidth - let divH = this.$refs.monitor.clientHeight + let divW = document.getElementById('monitor'+index).clientWidth + let divH = document.getElementById('monitor'+index).clientHeight this.player = new EZUIKit.EZUIKitPlayer({ - id: 'video-js', // 视频容器ID + id: 'video-js'+index, // 视频容器ID accessToken: accessToken, - url: this.url, + url: url, // 官方url例子:ezopen://open.ys7.com/G39444019/1.live 也可并非.live结尾 详见GitHub // 播放主题 simple-极简版; standard-标准版; security-安防版; voice-语音版; 自定义主题详见GitHub template: 'security',