解决办法"/>
微信小程序 audio 控制不成功的解决办法
发现微信小程序的官方文档在实时跟新,之前的有些标签或者方法不见了。以上是控制audio组件的方法是根据组件的唯一id生成相应的实例对象,通过对象的各种发放来控制组件。我现在看到的官方文档是通过有个action属性,给属性指定特定的值组件就会执行特定的动作。
method 描述 data
play 播放
pause 暂停
setPlaybackRate 调整速度 倍速
setCurrentTime 设置当前时间 播放时间
.wxml<audio poster="{{poster}}" name="{{name}}" author="{{author}}" src=":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>
Page({data: {poster: '.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}});}
})
更多推荐
微信小程序 audio 控制不成功的解决办法
发布评论