1.调试修改三列显示摄像头

2.去除5分钟时效,演示使用
liujun0708-动火作业流程图逻辑修改
guoyuepeng 2024-06-27 13:59:09 +08:00
parent d270d23494
commit 3e70cc92f9
1 changed files with 8 additions and 6 deletions

View File

@ -140,9 +140,11 @@
<el-dialog v-if="dialogVideoAll" :visible.sync="dialogVideoAll" :before-close="handleBack" title="视频" width="1200px"> <el-dialog v-if="dialogVideoAll" :visible.sync="dialogVideoAll" :before-close="handleBack" title="视频" width="1200px">
<!-- <iframe src="http://192.168.192.121:10800/?menu=no/#/screen" width="100%" height="500px" allowfullscreen allow="autoplay; fullscreen" style="position: relative;border:none"/>--> <!-- <iframe src="http://192.168.192.121:10800/?menu=no/#/screen" width="100%" height="500px" allowfullscreen allow="autoplay; fullscreen" style="position: relative;border:none"/>-->
<div style="display: flex;flex-wrap: wrap;justify-content: space-between"> <div style="display: flex;flex-wrap: wrap; gap:20px">
<div v-for="(video,index) in videoList" :key="index" style="margin-bottom: 10px;width: 45%"> <div v-for="(video,index) in videoList" :key="index" style="margin-bottom: 10px;width: 30%">
<iframe v-if="video.GBSVIDEOURL" :src="video.GBSVIDEOURL" width="100%" height="380" allowfullscreen allow="autoplay; fullscreen;microphone" style="position: relative;border:none"/> <iframe v-if="video.GBSVIDEOURL" :src="video.GBSVIDEOURL"
width="100%" height="250" allowfullscreen allow="autoplay; fullscreen;microphone"
style="position: relative;border:none"/>
<div v-if="video.HLSVIDEOURL" :id="'aLiVideoPlayer'+index" class="prism-player"/> <div v-if="video.HLSVIDEOURL" :id="'aLiVideoPlayer'+index" class="prism-player"/>
</div> </div>
</div> </div>
@ -330,7 +332,7 @@ export default {
// //
start() { start() {
console.log('定时器开启') console.log('定时器开启')
this.timer = setInterval(this.closeVideoStart, (5 * 60 * 1000)) // 5; // this.timer = setInterval(this.closeVideoStart, (5 * 60 * 1000)) // 5;
}, },
over() { over() {
// //
@ -365,7 +367,7 @@ export default {
'id': 'aLiVideoPlayer', 'id': 'aLiVideoPlayer',
'source': res.data.url, 'source': res.data.url,
'width': '100%', 'width': '100%',
'height': '500px', 'height': '380px',
'autoplay': true, 'autoplay': true,
'isLive': true, 'isLive': true,
'rePlay': false, 'rePlay': false,
@ -453,7 +455,7 @@ export default {
'id': 'aLiVideoPlayer' + i, 'id': 'aLiVideoPlayer' + i,
'source': this.videoList[i].HLSVIDEOURL.data.url, 'source': this.videoList[i].HLSVIDEOURL.data.url,
'width': '100%', 'width': '100%',
'height': '500px', 'height': '380px',
'autoplay': true, 'autoplay': true,
'isLive': true, 'isLive': true,
'rePlay': false, 'rePlay': false,