1、要实现如图所示的小程序背景音乐添加:
2、实现
在微信小程序开放文档——媒体——音频中存在背景音频,BackgroundAudioManager wx.getBackgroundAudioManager()
实现代码:
// 处理音乐播放
musicControl() {
let isMusic = !this.data.isMusic
this.setData({
isMusic
})
// 控制音乐播放
let {
dataUrl,
title,
coverImgUrl
} = this.data.detailObj.music;
// const backgroundAudioManager = wx.getBackgroundAudioManager()
// console.log(wx.getBackgroundAudioManager());
// backgroundAudioManager.src = 'https://www.9ku.com/play/361140.htm'
const backgroundAudioManager = wx.getBackgroundAudioManager()
backgroundAudioManager.title = '此时此刻'
backgroundAudioManager.epname = '此时此刻'
backgroundAudioManager.singer = '许巍'
backgroundAudioManager.coverImgUrl = 'https://img3.kuwo.cn/star/albumcover/500/46/40/3081156275.jpg'
// 设置了 src 之后会自动播放
// backgroundAudioManager.src = 'http://antiserver.kuwo.cn/anti.s?useless=/resource/&format=mp3&rid=MUSIC_28428497&response=res&type=convert_url&'
// backgroundAudioManager.src='https://ex-sycdn.kuwo.cn/4a2529937d893f52b65a58a65c8e6356/60925dbd/resource/n2/78/6/2264136487.mp3'
backgroundAudioManager.src=dataUrl
if (isMusic) {
backgroundAudioManager.play()
} else {
backgroundAudioManager.pause()
}
}
代码中音乐播放连接的获取:
这里以酷我音乐为例:
-
找到要播放的歌曲,打开控制台:如下图所示:
- -