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

2023-02-20,,

问题: 

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

解决方法:

  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

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

微信小程序—添加背景音乐的相关教程结束。

《微信小程序—添加背景音乐.doc》

下载本文的Word格式文档,以方便收藏与打印。