EasyWasmPlayer.js播放hls流媒体关闭后，后台请求未停止

前端小卡拉

于 2024-03-01 15:05:23 发布

阅读量756

点赞数 9

文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/yifei2225240456/article/details/136362185

版权

文章讲述了在使用EasyWasmPlayer.js播放HLS协议H265监控视频项目中遇到的问题，即页面关闭后浏览器网络请求未停止。作者分享了通过在beforeUnmount生命周期方法中暂停播放、销毁播放器并清理DOM来解决这个问题的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在做项目的时候，有在前端播放hls协议 h265监控视频的需求，就用到EasyWasmPlayer.js

发现一个问题：当页面关闭时发现浏览器网络请求依然在执行（很多分片的ts文件）

解决：

在页面即将销毁时beforeUnmount生命周期处理

<div id="Player" v-if="show"></div>

beforeUnmount() {
      this.player.pause()
      this.player.destroy() //停止播放
      this.show = true //销毁dom
      console.log('beforeUnmount')
},