微信小程序—添加背景音乐

powderhose 2020-02-14

问题: 

  想在打开小程序时就自动播放背景音乐(循环)

解决方法:

  1、思路:写一个函数,在 onLoad()中调用

  2、

//index.js
//获取应用实例
const back = wx.getBackgroundAudioManager();

Page({
   ......................
//  音乐播放函数
  backmusic: function () {
    player();
    function player() {
      back.title = "罗密欧与朱丽叶 ";   // 必须要有一个title
      back.src = "http://******.mp3";  
      // 千与千寻 "http://*************.mp3"
      back.onEnded(() => {
        player();  // 音乐循环播放
      })
    }
  },

  onLoad: function () {
    //背景音乐播放
    this.backmusic();
   ................... 
})

  3、重点:

      BackgroundAudioManager 实例  官方链接:https://developers.weixin.qq.com/miniprogram/dev/api/media/background-audio/BackgroundAudioManager.html

           :获取全局唯一的背景音频管理器。 小程序切入后台,如果音频处于播放状态,可以继续播放。但是后台状态不能通过调用API操纵音频的播放状态。      

      BackgroundAudioManager 实例,可通过 wx.getBackgroundAudioManager 获取。     

      BackgroundAudioManager.onEnded(function callback)

       :监听背景音频自然播放结束事件

      参数    function callback

       :背景音频自然播放结束事件的回调函数

相关推荐