微信小程序点击音乐播放暂停

 

.wxml{

<image class="music" type="primary" bind:tap="playMusic" wx:if="{{isPlayMusic}}" src=""></image>

  <image class="music" type="primary" bind:tap="noplayMusic" wx:else="{{isPlayMusic}}" src=""></image>

}

.js{

  // 点击切换音乐

  isPlayMusic: false,

  playMusic() {

    this.setData({

      isPlayMusic: false,

    });

    wx.pauseBackgroundAudio();

  },

  noplayMusic() {

    this.setData({

      isPlayMusic: true,

    });

    wx.playBackgroundAudio({

      dataUrl:

        "mp3",

      title: "",

      coverImgUrl: "",

    });

  },}

 

在app.json 全局配置

  "requiredBackgroundModes": ["audio", "location"]

<image class="music" type="primary" bind:tap="playMusic" wx:if="{{isPlayMusic}}" src=".png"></image>

  <image class="music" type="primary" bind:tap="noplayMusic" wx:else="{{isPlayMusic}}" src=".png"></image>