解决微信小程序 audio 组件在 ios 端无法播放问题

流氓凡 技术分享 2020-08-28 3.75 K 0

实现原理:

给 audio 组件绑定点击事件,手动触发播放暂停方法!

<audio id="myAudio" 
    bindtap='audioClick' 
    src="{{playUrl}}" 
    bindended="playEnd" 
    poster="封面"
    name="标题" 
    author="歌手"
    controls>
</audio>
data:{
    isPlaying: false, // 是否播放
}

onReady: function () {
   this.AudioContext = wx.createAudioContext('myAudio');
},

// 手动播放音频文件
    audioClick() {
        this.setData({
            isPlaying: !this.data.isPlaying
        })
        if (this.data.isPlaying) {
            this.AudioContext.play();
        } else {
            this.AudioContext.pause();
        }
    },

最后更多事件参考:https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/AudioContext.html


评论