uniapp 音频 点击重复播放且无法暂停


通过点击 AudioOpen  AudioOpen事件,控制音频的播放 暂停 innerAudioContext.pause() 无法暂停问题




const innerAudioContext = uni.createInnerAudioContext();  ** 创建实例要写在export 上方
AudioOpen(item) {
                this.audioOpen = !this.audioOpen
                console.log(this.audioOpen);
                let audio = item.video
                innerAudioContext.autoplay = true;
                innerAudioContext.src = `${this.onlinehttp}JQ/tp/public${audio}`
                console.log("开始播放");
                innerAudioContext.play()
            },
Audioclose(item) {
 this.audioOpen = !this.audioOpen
 console.log(this.audioOpen);
 let audio = item.video
 innerAudioContext.src = `${this.onlinehttp}JQ/tp/public${audio}`
 console.log("暂停播放");
 innerAudioContext.pause()
},

无法暂停音频且点击重复音频是因为创建了多个音频实例,
因此 创建实例要写在export 上方,避免多次创建实例
const innerAudioContext = uni.createInnerAudioContext();  



你可能感兴趣的:(uni-app,音视频)