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

落日映苍穹つ 2023-05-31 06:59 53阅读 0赞

--------------------

**多读多写多记录，多学多练多思考。----------- Grapefruit.Banuit Gang(香柚帮)**

--------------------

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

一、首先在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) {
    
      }
    })

ok,这样写只要title写了并且不为空ios也是正常的哦，就这些了，希望能帮助到一些朋友吧！！！有问题再留言！