微信小程序开发 专题
专题目录
您的位置:微信小程序开发 > 微信小程序开发专题 > 微信小程序音频组件控制wx.createAudioContext(audioId)
微信小程序音频组件控制wx.createAudioContext(audioId)
作者:--    发布时间:2019-11-20

创建并返回 audio 上下文audiocontext对象

audiocontext

audiocontext通过 audioid 跟一个 audio 组件绑定,通过它可以操作一个 audio 组件。

audiocontext对象的方法列表:

方法参数说明
setsrcsrc音频的地址
play播放
pause暂停
seekposition跳转到指定位置,单位 s


示例代码:

<!-- audio.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>
// audio.js
page({
  onready: function (e) {
    // 使用 wx.createaudiocontext 获取 audio 上下文 context
    this.audioctx = wx.createaudiocontext('myaudio')    this.audioctx.setsrc('http://ws.stream.qqmusic.qq.com/m500001vfvsj21xfqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292f51e1e384e06dcbdc9ab7c49fd713d632d313ac4858bacb8ddd29067d3c601481d36e62053bf8dfeaf74c0a5ccfadd6471160caf3e6a&fromtag=46')
    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)
  }
})
网站声明:
本站部分内容来自网络,如您发现本站内容
侵害到您的利益,请联系本站管理员处理。
联系站长
373515719@qq.com
关于本站:
编程参考手册