微信小程序——背景音乐播放

1、要实现如图所示的小程序背景音乐添加：

2、实现

在微信小程序开放文档——媒体——音频中存在背景音频，BackgroundAudioManager wx.getBackgroundAudioManager()
实现代码：

// 处理音乐播放musicControl() {let isMusic = !this.data.isMusicthis.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=dataUrlif (isMusic) {backgroundAudioManager.play()} else {backgroundAudioManager.pause()}}

代码中音乐播放连接的获取：
这里以酷我音乐为例：

酷我音乐
找到要播放的歌曲，打开控制台：如下图所示：
-

微信小程序——背景音乐播放相关推荐

微信小程序-音频播放-wx.createInnerAudioContext() 每次都是重复播放同一条录音
前言在调试微信小程序音频播放时,刚开始我也是直接复制官方文档的实例: const innerAudioContext = wx.createInnerAudioContext() innerAudi ...
微信小程序背景音乐官方实例代码无效问题解决及音乐src获取方法
微信小程序背景音乐官方实例代码无效问题解决及音乐src获取方法参考文章: (1)微信小程序背景音乐官方实例代码无效问题解决及音乐src获取方法 (2)https://www.cnblogs.com/ ...
微信小程序中播放海康萤石云HLS '.m3u8'视频 video标签
微信小程序中播放海康萤石云HLS '.m3u8'视频 video标签前言萤石云开放平台微信开发者工具前言因为项目需要在微信小程序上展示实时视频流信息,以下内容是我将萤石云平台官方文档和自己实 ...
微信小程序音乐播放器
趁周末做一个简单的微信小程序音乐播放器,源码已留. 播放列表首页wxml <swiper class="swiper" indicator-dots='{{swipterSe ...
微信小程序滚动播放内容
目录微信小程序创建项目配置底部导航栏微信小程序滚动播放内容微信小程序功能中心模块开发微信小程序个人中心页面开发微信小程序获取电话号码微信小程序显示列表数据微信小程序显示分页列表微信小程 ...
微信小程序如何播放腾讯视频?
popper小P 微信小程序如何播放腾讯视频? 1.背景因为当时需要做视频播放,后台存放视频文件又不现实.所以,做了一个能解析腾讯视频地址的并播放视频的小程序. 2.介绍小程序里的解析腾讯视频地址 ...
微信小程序-音频播放每次都是重复播放同一条录音
前言在调试微信小程序音频播放时,刚开始我也是直接复制官方文档的实例: const innerAudioContext = wx.createInnerAudioContext() innerAudi ...
IOS端微信小程序API播放视频无效，应该这样做
微信小程序 IOS端通过API播放视频无效需求微信小程序项目中需求点击"播放"按钮,直接开始播放视频问题直接调用微信API操作视频播放,Adroid端运行一切正常,IOS端 ...
微信小程序音乐播放控件，监听播放事件，音乐播放的基本实现
下面我将会为大家初步讲解利用微信小程序的音乐控件制作音乐播放器,以及会遇到的一些问题,最后会附上源码包喔! 图片以及音乐都必须使用网络链接体播放器播放之后闪退,是因为音乐的链接失效了所以闪退监 ...

微信小程序——背景音乐播放

1、要实现如图所示的小程序背景音乐添加：

2、实现

微信小程序——背景音乐播放相关推荐

最新文章

热门文章