uniapp页面切换时暂停video视频播放并卸载资源
uniapp页面切换时暂停video视频播放并卸载资源
在用uniapp写移动端实时视频软件时,页面切换时需要停止video标签的视频拉流。
一、业务场景
从视频广场点击视频跳转到播放界面,然后再返回时需要将video组件卸载
二、代码
重点在于要在页面返回的生命周期函数onBackPress内释放资源
<!-- h5使用mp4 -->
<!-- #ifdef H5 -->
<video id="myVideo" :src="mp4Url" style="width: 100%; height: 100%;" page-gesture object-fit="cover" @pause="pausePlay">
您的浏览器不支持 video 标签。
</video>
<!-- #endif -->
// 监听页面返回的方法
onBackPress() {
// #ifdef H5
// 暂停视频播放并卸载
const videoContext = uni.createVideoContext('myVideo', this)
videoContext.pause()
this.mp4Url = ''
// #endif
}
华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。
更多推荐
所有评论(0)