<!-- 音频 -->
通过点击 AudioOpen  AudioOpen事件,控制音频的播放 暂停 innerAudioContext.pause() 无法暂停问题
<text class="iconfont start" v-if="item.type == 4 && audioOpen"
    @click="AudioOpen(item)">&#xe870;</text>
<text class="iconfont start" v-else-if="item.type == 4 && !audioOpen"
    @click="Audioclose(item)">&#xe86c;</text>


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();  



Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐