【微信小程序】微信小程序实现在线音频播放

此处实现微信小程序播放音频用的是微信的 wx.createInnerAudioContext() API

 

JS部分代码为：

const innerAudioContext = wx.createInnerAudioContext()



innerAudioContext.autoplay = true
innerAudioContext.src = "音频地址"
//当你设置好地址会自动播放的
//后台微信会自动回收



//实际方法中
audio_play:function(data){
    innerAudioContext.autoplay = true
    innerAudioContext.src = data.currentTarget.dataset['src']
  }

WXML部分代码为：

<image mode="widthFix" src="音频点击的图片" indtap="audio_play" data-src="音频地址"></image>

WXML部分主要用来触发音频播放事件。

 

这样就可以简单的实现在微信小程序中播放音频了。

更详细的API说明参考微信官方文档