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

时间:2024-03-01 07:54:49

问题

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

解决方法

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

  //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();
    ................... 
 })

  2、重点:

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

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

      BackgroundAudioManager.onEnded(function callback):监听背景音频自然播放结束事件

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