修改质量视频处接口

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 class="text">
<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>
</container2>
@ -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()
}
})
},
}
</script>