微信小程序开发音频组件控制

浏览:
字体:
发布时间:2018-01-03 19:45:06
来源:

wx.createAudioContext(audioId)

创建并返回 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.jsPage({  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)  }})
>更多相关文章
24小时热门资讯
24小时回复排行
资讯 | QQ | 安全 | 编程 | 数据库 | 系统 | 网络 | 考试 | 站长 | 关于东联 | 安全雇佣 | 搞笑视频大全 | 微信学院 | 视频课程 |
关于我们 | 联系我们 | 广告服务 | 免责申明 | 作品发布 | 网站地图 | 官方微博 | 技术培训
Copyright © 2007 - 2023 Vm888.Com. All Rights Reserved
粤公网安备 44060402001498号 粤ICP备19097316号 请遵循相关法律法规
');})();