uni

2023-03-04 07:33| 来源: 网络整理| 查看: 265

使用环境

微信小程序 8.0.32.2300 uni-app开发打包成微信小程序

问题描述

由于微信小程序不在继续支持 audio 标签，在iOS手机微信小程序上无法播放音频，于是引入了 audio插件在插件config.js 引入 ‘audio’插件，打包build:uni-app, 然后引入项目中；播放音频，再返回上一页（当前页销毁），音频未销毁，在后台继续播放声音

复现方式

进入微信小程序中的某个有mp-thml的页面：播放音频，再返回上一页（当前页销毁），音频未销毁，在后台继续播放声音

解决方式

原因：uni-app打包微信小程序后，页面返回销毁时，没有触发页面内部组件的 beforeDestory生命周期，导致audio 音频无法销毁；监听页面销毁，将audio在页面销毁时销毁仅供参考：引入mp-html组件页面中代码：

{ provide () { return { addAudio: this.pushAudio } }, data() { return { audioList:[] } }, methods: { pushAudio(obj){ this.audioList.push(obj) } }, onUnload () { this.audioList.map(item=>{ item.destroy() }) } }

mp-html/audio/audio.vue中的代码

{ inject: ['addAudio'], mounted() { this._ctx = uni.createInnerAudioContext() this.addAudio && this.addAudio(this._ctx) } }

【本文地址】

公司简介

联系我们