8.2.5 音频组件控制

wx.createAudioContext(audioId)

创建并返回 audio 上下文 audioContext 对象。audioContext 通过 audioId 跟一个<audio/>组件绑定，通过它可以操作对应的<audio/>组件。

audioContext 对象的方法，如表8-19所示：

表8-19

示例代码：

wxml中：

<audio  src="{{src}}" id="myAudio" ></audio>
<button type="primary" bindtap="audioPlay">播放</button>
<button type="primary" bindtap="audioPause">暂停</button>
<button type="primary" bindtap="audio14">设置当前播放时间为14秒</button>
<button type="primary" bindtap="audioStart">回到开头</button>

js中：

Page({
  onReady: function (e) {
    // 使用 wx.createAudioContext 获取 audio 上下文 context
    this.audioCtx = wx.createAudioContext('myAudio')
    this.audioCtx.setSrc('https://xxxx.xxxx.com/xxxxx')
    this.audioCtx.play()
  },
  data: {
    src: ''
  },
  audioPlay: function () {
    this.audioCtx.play()
  },
  audioPause: function () {
    this.audioCtx.pause()
  },
  audio14: function () {
    this.audioCtx.seek(14)
  },
  audioStart: function () {
    this.audioCtx.seek(0)
  }
})