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

Posted 2021-03-10 Pam

问题： 

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

解决方法：

　　1、思路：写一个函数，在 onLoad（）中调用

　　2、

 1 //index.js
 2 //获取应用实例
 3 const back = wx.getBackgroundAudioManager();
 4 
 5 Page({
 6    ......................
 7 //  音乐播放函数
 8   backmusic: function () {
 9     player();
10     function player() {
11       back.title = "罗密欧与朱丽叶 ";   // 必须要有一个title
12       back.src = "http://******.mp3";  
13       // 千与千寻 "http://*************.mp3"
14       back.onEnded(() => {
15         player();  // 音乐循环播放
16       })
17     }
18   },
19 
20   onLoad: function () {
21     //背景音乐播放
22     this.backmusic();
23    ................... 
24 })

　　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

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