今天早上发现微信小程序的官方文档在实时跟新，之前的有些标签或者方法不见了。以上是控制audio组件的方法是根据组件的唯一id生成相应的实例对象，通过对象的各种发放来控制组件。我现在看到的官方文档是通过有个action属性，给属性指定特定的值组件就会执行特定的动作。
method
描述
data
play
播放
pause
暂停
setPlaybackRate
调整速度
倍速
setCurrentTime
设置当前时间
播放时间
.wxml
<audio poster="{{poster}}" author="{{author}}" src="https://qqma.tingge123.com:823/mp3/2015-06-13/1434188181.mp3" action="{{action}}" controls loop></audio> <button type="primary" bindtap="audioPlay">播放</button> <button type="primary" bindtap="audioPause">暂停</button> <button type="primary" bindtap="audioPlaybackRateSpeedUp">调为2倍速</button> <button type="primary" bindtap="audioPlaybackRateNormal">调为1倍速</button> <button type="primary" bindtap="audioPlaybackRateSlowDown">调为0.5倍速</button> <button type="primary" bindtap="audio14">设置当前播放时间为14秒</button> <button type="primary" bindtap="audioStart">回到开头</button>
.js
Page({ data: { poster: 'http://pic.pimg.tw/pam86591/1408719752-3322564110_n.jpg', name: 'Sugar', author: 'Maroon 5' }, audioPlay: function () { this.setData({ action: { method: 'play' } }); }, audioPause: function () { this.setData({ action: { method: 'pause' } }); }, audioPlaybackRateSpeedUp: function () { this.setData({ action: { method: 'setPlaybackRate', data: 2//加快速度 } }); }, audioPlaybackRateSlowDown: function () { this.setData({ action: { method: 'setPlaybackRate', data: 0.5//小于零放慢速度 } }); }, audio14: function () { this.setData({ action: { method: 'setCurrentTime', data: 14 } }); }, audioStart: function () { this.setData({ action: { method: 'setCurrentTime', data: 0 } }); } })
效果
上一种方法好像没有不能控制播放速度，这种方法相比上一种比较方便，并且效率上应该也比较高。