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

 

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