微信小程序audio的简单实用

wxml

<audio src="http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3" action="{{action}}" ></audio>

<button type="primary" bindtap="audioPlay" class='audio'>播放</button>

js

//action 控制音频的播放、暂停、播放速率、播放进度的对象，有 method 和 data 两个参数

data:{

     action: {

                method: 'pause'

     }

}

 

audioPlay: function () {

var that = this;

if(that.data.action.method == 'pause'){

      that.setData({

              action: {

                      method: 'play'//播放

              }

       });

} else if (that.data.action.method == 'play'){

      that.setData({

            action: {

                    method: 'pause' //暂停

           }

      });

}