音乐播放设置

js文件:
data: {
//音频
poster: 'http://aliimg.changba.com/cache/photo/706420605_640_640.jpg',
name: '成都',
author: '赵璐',
src: 'http://qiniuuwmp3.changba.com/1020270696.mp3'
},
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
}
});
}

wxml:

< 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 >

wxss


/*音频专区 */
.most-ting-area{
display: flex;
/*按行排列 */
flex-direction: column;
flex: 1;
width: 100%;
background-color: #CD5C5C;
}

猜你喜欢

转载自blog.csdn.net/qq_41579101/article/details/79440116