微信小程序播放背景音乐，关闭背景音乐的操作

原文链接：https://blog.csdn.net/qq_43052274/article/details/102704673

此为转载文章，多谢原博主帮忙解决问题

微信小程序打开某个页面播放背景音乐，离开此页面时关闭背景音乐

一、首先在app.json中配置一下

{
  "pages": [
    "pages/index/index"
  ],
  "requiredBackgroundModes":["audio"],
}

二、要在哪一个页面中播放背景音乐，就在哪个页面的js文件下进行操作，wxml中不做任何操作

Page({
  /**
   * 页面的初始数据
   */
  data: {
 
  },
  player(audio) {
    var that = this
    //title不写或放空会报错哦，即使不报错ios系统会不播放，所以必须加
    audio.title = '瞬间的永恒'
 
    //这点需知微信小程序上线不能超过2M,音乐文件会很大，所以要放在服务器上才可以
    audio.src = '音乐文件在服务器上的地址'
    
    //音乐播放结束后继续播放此音乐，循环不停的播放
    audio.onEnded(() => {
      that.player(wx.getBackgroundAudioManager())
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function () {
    //页面加载播放音乐
    this.player(wx.getBackgroundAudioManager())
  },
 
  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {
    //离开页面是停止播放音乐
    wx.getBackgroundAudioManager().stop();
  },
 
  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {
 
  },
 
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {
 
  },
 
  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {
 
  },
  onPageScroll: function(ev) {
 
  }
})