• 注册
当前位置:1313e > uniapp >正文

uniapp背景音乐api使用方法

// 第一步:在manifest.json中添加"requiredBackgroundModes": ["audio"]。在源码视图中,找到weixin->appid同级添加键值对
"mp-weixin" :{"appid" : "wx03570","requiredBackgroundModes": ["audio"]
}
// 第二步:在获取歌曲地址的方法中填写相关 播放属性,只需要添加title+src属性即可
getMusicUrl() {// 调用api获取播放改歌曲的数据this.$api.songUrl(_data).then( res => {// 使用this在其他方法中也可以调用this.bgAudioManager = uni.getBackgroundAudioManager()this.bgAudioManager.title = res.data[0].namethis.bgAudioManager.src = res.data[0].url// 播放回调this.bgAudioManager.onPlay(() => {// 这里实现一些音乐播放的回调事件:背景图片开始旋转,按钮icon图标变化})// 暂停回调this.bgAudioManager.onPause(() => {// 这里实现一些音乐停止的回调事件:背景图片停止旋转,按钮icon图标变化})})
}
// 点击播放按钮事件
suspend() {// true 表示暂停或停止,false 表示正在播放if(this.bgAudioManager.paused) {// 如果暂停就调用播放函数this.bgAudioManager.play()}else if(this.bgAudioManager.paused) {// 如果播放状态就调用暂停函数this.bgAudioManager.pause()}
}
// 第三步:在onload函数调用即可播放音乐
onLoad() {this.getMusicUrl()
}
官方接口:https://uniapp.dcloud.io/api/media/background-audio-manager

本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 162202241@qq.com 举报,一经查实,本站将立刻删除。

最新评论

欢迎您发表评论:

请登录之后再进行评论

登录