音乐播放设置

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;

}