微信小程序入门 音乐播放器的暂停播放 图片切换。

• 在界面上用数据绑定，切换播放与暂停时的图片

• <image catchtap='onMusicTap' class='audio' src="{
      {isPlayingMusic?'/images/music/music-stop.png':'/images/music/music-start.png'}}"></image>

• 在JS代码上定义一个布尔值，默认是false，默认暂停。

• /**
     * 页面的初始数据
     */
    data: {
      isPlayingMusic: false
    },
  

  具体的代码实现如下：

  onMusicTap: function(event) {

    var isPlayingMusic = this.data.isPlayingMusic;
    console.log(isPlayingMusic);
    if (isPlayingMusic) {
      wx.pauseBackgroundAudio();
      // 设置setData值，前端界面才能读取到isPlayingMusic是值，以下同理
      this.setData({
        isPlayingMusic: false
      })
      
      console.log("pauseBackgroundAudio");
    } else {
      wx.playBackgroundAudio(