diff --git a/src/views/bigScreen/qualityManage/left3.vue b/src/views/bigScreen/qualityManage/left3.vue index 2ad488b..0c59218 100644 --- a/src/views/bigScreen/qualityManage/left3.vue +++ b/src/views/bigScreen/qualityManage/left3.vue @@ -9,7 +9,7 @@

实况信息

-

正在进行XXXX作业建议正在进行XXXX作业建议

+

{{ videoInfo.videoNowInfo }}

@@ -38,16 +38,10 @@ export default { }, data() { return { + videoInfo: {}, flvPlayer: null, } }, - - mounted() { - let videoElement = document.getElementById('videoElement') - this.flvPlayer.attachMediaElement(videoElement) - this.flvPlayer.load() - this.flvPlayer.play() - }, beforeDestroy() { this.flvPlayer.player.pause() this.flvPlayer.player.unload() @@ -57,23 +51,33 @@ export default { }, methods: {}, created() { - if (flvjs.isSupported()) { - this.flvPlayer = flvjs.createPlayer( - { - type: 'flv', // 媒体类型 flv 或 mp4 - isLive: true, // 是否为直播流 - fluid: true, - // hasAudio: true, // 是否开启声音 - stashInitialSize: 128, // 减少首桢显示等待时长 - url: 'http://192.168.0.151:81/stream/live/livestream.flv', - }, - { - enableStashBuffer: false, - fixAudioTimestampGap: false, - isLive: true, - } - ) - } + this.request({ + url: '/hx/qualityAssurance/getHxVideoSystem', + method: 'get', + }).then(({ data }) => { + this.videoInfo = data[0] + if (flvjs.isSupported()) { + this.flvPlayer = flvjs.createPlayer( + { + type: 'flv', // 媒体类型 flv 或 mp4 + isLive: true, // 是否为直播流 + fluid: true, + // hasAudio: true, // 是否开启声音 + stashInitialSize: 128, // 减少首桢显示等待时长 + url: this.videoInfo.videoAddress, + }, + { + enableStashBuffer: false, + fixAudioTimestampGap: false, + isLive: true, + } + ) + let videoElement = document.getElementById('videoElement') + this.flvPlayer.attachMediaElement(videoElement) + this.flvPlayer.load() + this.flvPlayer.play() + } + }) }, }