|
@@ -34,10 +34,11 @@
|
|
<div class="signal_item_bg">
|
|
<div class="signal_item_bg">
|
|
<div class="signal_item_bg_body">
|
|
<div class="signal_item_bg_body">
|
|
<div v-show="item.preview" class="signal_item_bg_body_space">
|
|
<div v-show="item.preview" class="signal_item_bg_body_space">
|
|
- <VideoPlayer
|
|
|
|
- :options="videoPlayObj[item.sourceId]"
|
|
|
|
- :playsinline="true"
|
|
|
|
- />
|
|
|
|
|
|
+<!-- <VideoPlayer-->
|
|
|
|
+<!-- :options="videoPlayObj2[item.sourceId]"-->
|
|
|
|
+<!-- :playsinline="true"-->
|
|
|
|
+<!-- ref="myPlayer"-->
|
|
|
|
+<!-- />-->
|
|
</div>
|
|
</div>
|
|
<div class="signal_item_bg_body_font">{{item.deviceName}}</div>
|
|
<div class="signal_item_bg_body_font">{{item.deviceName}}</div>
|
|
</div>
|
|
</div>
|
|
@@ -56,7 +57,7 @@
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
signalBorder: [], // 信号源容器
|
|
signalBorder: [], // 信号源容器
|
|
- videoPlayObj: {}, // 视频播放配置对象
|
|
|
|
|
|
+ videoPlayObj2: {}, // 视频播放配置对象
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
|
|
@@ -71,24 +72,25 @@
|
|
|
|
|
|
beforeUpdate() {
|
|
beforeUpdate() {
|
|
const signalList = this.$store.state.signalListJson
|
|
const signalList = this.$store.state.signalListJson
|
|
- const videoPlayObj = {}
|
|
|
|
|
|
+ const videoPlayObj2 = {}
|
|
for (const item of signalList) {
|
|
for (const item of signalList) {
|
|
- videoPlayObj[item.sourceId] = {
|
|
|
|
|
|
+ videoPlayObj2[item.sourceId] = {
|
|
sources: [
|
|
sources: [
|
|
{
|
|
{
|
|
"src": item.previewUrl,
|
|
"src": item.previewUrl,
|
|
"type": "rtmp/flv"
|
|
"type": "rtmp/flv"
|
|
}
|
|
}
|
|
],
|
|
],
|
|
- techOrder: ['flash'],
|
|
|
|
|
|
+ techOrder: ['html5','flash'],
|
|
autoplay: true,
|
|
autoplay: true,
|
|
|
|
+ muted: true, // 是否静音
|
|
controls: false,
|
|
controls: false,
|
|
fluid: true,
|
|
fluid: true,
|
|
preload: 'auto',
|
|
preload: 'auto',
|
|
notSupportedMessage: '此视频暂无法播放,请稍后再试',
|
|
notSupportedMessage: '此视频暂无法播放,请稍后再试',
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- this.videoPlayObj = videoPlayObj
|
|
|
|
|
|
+ this.videoPlayObj2 = videoPlayObj2
|
|
},
|
|
},
|
|
|
|
|
|
updated() {
|
|
updated() {
|