原文链接:https://blog.csdn.net/qq_43052274/article/details/102704673
此为转载文章,多谢原博主帮忙解决问题
微信小程序打开某个页面播放背景音乐,离开此页面时关闭背景音乐
一、首先在app.json中配置一下
{
"pages": [
"pages/index/index"
],
"requiredBackgroundModes":["audio"],
}
二、要在哪一个页面中播放背景音乐,就在哪个页面的js文件下进行操作,wxml中不做任何操作
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())
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function() {
//离开页面是停止播放音乐
wx.getBackgroundAudioManager().stop();
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function() {
},
onPageScroll: function(ev) {
}
})