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

 admin   2020-08-28 15:49   313 人阅读  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


发表评论:


表情

还没有留言,还不快点抢沙发?