使用小程序云开发添加背景音乐

使用小程序云开发添加背景音乐且实现后台播放

在网上看了很多种方法，有一些对浏览器有一定的要求，于是懒癌患者想出了另一种办法

首先，要在小程序里添加音频，需要在js里写一段代码：
（此方法来自微信官方https://developers.weixin.qq.com/miniprogram/dev/api/media/background-audio/BackgroundAudioManager.html）

//index.js
const backgroundAudioManager = wx.getBackgroundAudioManager()backgroundAudioManager.title = '此时此刻'
backgroundAudioManager.epname = '此时此刻'
backgroundAudioManager.singer = '许巍'
backgroundAudioManager.coverImgUrl = 'http://y.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000'
// 设置了 src 之后会自动播放
backgroundAudioManager.src = 'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E061FF02C31F716658E5C81F5594D561F2E88B854E81CAAB7806D5E4F103E55D33C16F3FAC506D1AB172DE8600B37E43FAD&fromtag=46'

如果想要让音乐继续在后台播放，需要在app.json里加入

"requiredBackgroundModes": ["audio"]

此时小程序应该已经可以顺利播放许巍的此时此刻了
接下来把歌曲换成自己想要的
标题和歌手的更改请自行参考官方文档，非常简单

在网上提前下载好MP3文件
使用微信小程序的云开发功能上传文件

上传文件后，点击文件名就会出现文件的详细信息
复制其中的下载地址就好啦
把下载地址写在src里!
图片同理

千万记得，把权限改成所有用户可读，仅创建者可写！！！不然无法访问！！！

至此，顺利播放
并且手机上测试可以后台播放
文件大一点也没啥关系

使用小程序云开发添加背景音乐相关推荐

小程序云开发添加内容审核和图片审核
小程序云开发添加内容审核和图片审核本文介绍对于小程序涉及信息的发布操作情景,小程序官方提供了内容审核接口,本文是来学习审核接口的使用. 内容的审核有很多的实现方式,本次采用的是小程序自带的云 ...
node.js 微信小程序部署服务器_微信小程序云开发环境部署，及添加数据
点击蓝字关注我们今天在漫无目的逛CSDN的时候,一篇关于微信公众号云开发的文章引起了我的注意.据介绍,小程序云开发简称tcb,是腾讯爸爸给我们提供的基于腾讯云的云服务器.目前云开发已包含云数据库, ...
mpvue+小程序云开发，纯前端实现婚礼邀请函
请勿使用本文章及源码作为商业用途! 前言感谢OnceLove提供的思路,借助他的小程序的界面UI风格,自己重新用mpvue实现了属于自己的婚礼邀请函,前前后后花了3天时间.在这之前本人是没想过要自己 ...
微信小程序云开发，使用阿里云短信服务，搜索员工生日定期发送短信。
相关API文档地址: 阿里云短信服务API文档地址小程序云开发云函数正则匹配API文档地址小程序云开发云函数定时触发器 1.登录阿里云,购买短信服务并添加签名和模板 2., 登录阿里云,鼠标放在右 ...
水果电商小程序云开发，从零到上线投入使用
微信小程序-水果商城项目地址 git clone https://github.com/Voyzz/Fruit-store-mp 我的博客项目说明微信支付开通审核中,下一版本开通微信支付项目已 ...
python操作微信小程序云端数据库_微信小程序云开发之数据库操作
本文实例为大家分享了微信小程序云开发之数据库操作的具体代码,供大家参考,具体内容如下新建集合 1.打开云开发控制台,数据库 2.添加集合users 添加代码 onAdd: function () { ...
微信小程序云开发不完全指北
微信小程序云开发不完全指北首先必须说明云开发的"云"并不是类似云玩家里的云的意思,而是微信小程序真的提供了云开发的接口以及一个简单的提供存储.数据库服务的虚拟后台(对于一些轻量小 ...
解密小程序云开发数据库
作者:phoenixxliu,腾讯 TEG 后台开发工程师目录: 导语一.背景二.竞品分析三.需求和挑战四.架构和方案五.总结和展望导语小程序云开发(Tencent CloudBase ...
关于小程序·云开发峰会，你想get的干货全在这了！
10月19日,腾讯云与小程序团队联合举办的首届小程序·云开发技术峰会在北京举行,数位业界大咖带来了干货满满.精彩纷呈的分享,云开发的各项强大能力也悉数亮相,下面就来让我们一起完整回归下本次峰会有哪些干 ...

使用小程序云开发添加背景音乐

使用小程序云开发添加背景音乐且实现后台播放

使用小程序云开发添加背景音乐相关推荐

最新文章

热门文章