微信小程序进入页面播放背景音乐,离开页面暂停

1、在app.json中配置一下

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

2、在要播放音乐的页面js文件中操作

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())
  },
  onShow: function () {
    //页面显示播放音乐
    this.player(wx.getBackgroundAudioManager())
  },
 
  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {
    //离开页面是停止播放音乐
    wx.getBackgroundAudioManager().stop();
  },
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHi
  • 1
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值