音乐播放设置

最新推荐文章于 2022-01-11 17:18:12 发布

原创最新推荐文章于 2022-01-11 17:18:12 发布 · 475 阅读

0 ·

CC 4.0 BY-SA版权

微信小程序专栏收录该内容

9 篇文章

订阅专栏

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