修改质量视频处接口

This commit is contained in:
熊丽君
2021-12-22 13:54:05 +08:00
parent a0bba05cc5
commit 6b38824c2b

View File

@ -9,7 +9,7 @@
</div> </div>
<div class="text"> <div class="text">
<p style="opacity: 0.8">实况信息</p> <p style="opacity: 0.8">实况信息</p>
<p style="opacity: 0.5; color: #91d5fe; font-size: 14px">正在进行XXXX作业建议正在进行XXXX作业建议</p> <p style="opacity: 0.5; color: #91d5fe; font-size: 14px">{{ videoInfo.videoNowInfo }}</p>
</div> </div>
</div> </div>
</container2> </container2>
@ -38,16 +38,10 @@ export default {
}, },
data() { data() {
return { return {
videoInfo: {},
flvPlayer: null, flvPlayer: null,
} }
}, },
mounted() {
let videoElement = document.getElementById('videoElement')
this.flvPlayer.attachMediaElement(videoElement)
this.flvPlayer.load()
this.flvPlayer.play()
},
beforeDestroy() { beforeDestroy() {
this.flvPlayer.player.pause() this.flvPlayer.player.pause()
this.flvPlayer.player.unload() this.flvPlayer.player.unload()
@ -57,23 +51,33 @@ export default {
}, },
methods: {}, methods: {},
created() { created() {
if (flvjs.isSupported()) { this.request({
this.flvPlayer = flvjs.createPlayer( url: '/hx/qualityAssurance/getHxVideoSystem',
{ method: 'get',
type: 'flv', // 媒体类型 flv 或 mp4 }).then(({ data }) => {
isLive: true, // 是否为直播流 this.videoInfo = data[0]
fluid: true, if (flvjs.isSupported()) {
// hasAudio: true, // 是否开启声音 this.flvPlayer = flvjs.createPlayer(
stashInitialSize: 128, // 减少首桢显示等待时长 {
url: 'http://192.168.0.151:81/stream/live/livestream.flv', type: 'flv', // 媒体类型 flv 或 mp4
}, isLive: true, // 是否为直播流
{ fluid: true,
enableStashBuffer: false, // hasAudio: true, // 是否开启声音
fixAudioTimestampGap: false, stashInitialSize: 128, // 减少首桢显示等待时长
isLive: true, 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()
}
})
}, },
} }
</script> </script>