修改质量视频处接口

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,6 +51,11 @@ export default {
}, },
methods: {}, methods: {},
created() { created() {
this.request({
url: '/hx/qualityAssurance/getHxVideoSystem',
method: 'get',
}).then(({ data }) => {
this.videoInfo = data[0]
if (flvjs.isSupported()) { if (flvjs.isSupported()) {
this.flvPlayer = flvjs.createPlayer( this.flvPlayer = flvjs.createPlayer(
{ {
@ -65,7 +64,7 @@ export default {
fluid: true, fluid: true,
// hasAudio: true, // 是否开启声音 // hasAudio: true, // 是否开启声音
stashInitialSize: 128, // 减少首桢显示等待时长 stashInitialSize: 128, // 减少首桢显示等待时长
url: 'http://192.168.0.151:81/stream/live/livestream.flv', url: this.videoInfo.videoAddress,
}, },
{ {
enableStashBuffer: false, enableStashBuffer: false,
@ -73,7 +72,12 @@ export default {
isLive: true, isLive: true,
} }
) )
let videoElement = document.getElementById('videoElement')
this.flvPlayer.attachMediaElement(videoElement)
this.flvPlayer.load()
this.flvPlayer.play()
} }
})
}, },
} }
</script> </script>