Both the WeChat applet and the uni.app framework support playing audio in the background, which can be achieved in the following two ways:
- Create the background audio manager object through
wx.getBackgroundAudioManager()
the method, and then call the related method to control the playback and pause of the audio. For example, the following code realizes playing a network audio in the background:const backgroundAudioManager = wx.getBackgroundAudioManager(); backgroundAudioManager.src = 'http://music.163.com/song/media/outer/url?id=322935.mp3'; // 音频文件的网络地址 backgroundAudioManager.title = '歌曲名称'; // 歌曲名称 backgroundAudioManager.coverImgUrl = 'http://图片地址.jpg'; // 封面图地址 backgroundAudioManager.play();
- In
uni-app
, you canApp.vue
declareonShow
andonHide
lifecycle functions in , to control the playback and pause of audio when the applet is in the foreground and background respectively. For example:// App.vue export default { onShow() { uni.getBackgroundAudioManager().play(); // 背景音频播放 }, onHide() { uni.getBackgroundAudioManager().pause(); // 背景音频暂停 } }
The above two methods can achieve the effect of playing audio in the background in the applet or uni.app. It should be noted that some interfaces of WeChat applets need to apply for permission to use through WeChat official registration. At the same time, when using it in uni.app, you need to
manifest.json
apply for this permission in the file.