前言:微信小程序进入某一个页面自动播放背景音乐,当退出这个页面时,音乐关闭
wxml代码:
<audio
loop
id="greetings"
src="https://7369-sirfuao-4gczpw45e6c4ae20-1305187054.tcb.qcloud.la/music/guxinag.mp3"
></audio>
js代码:
const audioCtx = '';
onShow () {
this.audioCtx = wx.createAudioContext('greetings');
this.audioCtx.play()
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide () {
// 当页面影藏时,暂停音乐
this.audioCtx.pause()
},