微信小程序播放背景音乐，关闭背景音乐的操作

多读多写多记录，多学多练多思考。----------- Grapefruit.Banuit Gang(香柚帮)

微信小程序打开某个页面播放背景音乐，离开此页面时关闭背景音乐

一、首先在app.json中配置一下

{"pages": ["pages/index/index"],"requiredBackgroundModes":["audio"],
}

二、要在哪一个页面中播放背景音乐，就在哪个页面的js文件下进行操作，wxml中不做任何操作

Page({/*** 页面的初始数据*/data: {},player(audio) {var that = this//title不写或放空会报错哦，即使不报错ios系统会不播放，所以必须加audio.title = '瞬间的永恒'//这点需知微信小程序上线不能超过2M,音乐文件会很大，所以要放在服务器上才可以audio.src = '音乐文件在服务器上的地址'//音乐播放结束后继续播放此音乐，循环不停的播放audio.onEnded(() => {that.player(wx.getBackgroundAudioManager())})},/*** 生命周期函数--监听页面加载*/onLoad: function () {//页面加载播放音乐this.player(wx.getBackgroundAudioManager())},/*** 生命周期函数--监听页面卸载*/onUnload: function() {//离开页面是停止播放音乐wx.getBackgroundAudioManager().stop();},/*** 页面相关事件处理函数--监听用户下拉动作*/onPullDownRefresh: function() {},/*** 页面上拉触底事件的处理函数*/onReachBottom: function() {},/*** 用户点击右上角分享*/onShareAppMessage: function() {},onPageScroll: function(ev) {}
})

ok,这样写只要title写了并且不为空ios也是正常的哦，就这些了，希望能帮助到一些朋友吧！！！有问题再留言！

微信小程序播放背景音乐，关闭背景音乐的操作相关推荐

微信小程序播放器的一些简单功能实现
微信小程序播放器的一些简单功能实现准备工作一.构建npm(后面用到moment的格式化时间) 二.系统后台监测程序播放器配置(系统后台要知道该播放器是否在播放歌曲,并有一些简单的业务逻辑) 在ap ...
小程序确定取消弹窗_浅析微信小程序modal弹窗关闭默认会执行cancel问题
在我们使用小程序的modal组件时候,有的时候会碰到一个问题,那就是弹框的关闭,我们并没有选择取消或确定,而是点击弹框之外的部分,这个时候弹框会关闭,按理来说不会触发取消和确定的绑定事件,但是有的时候 ...
taro开发微信小程序-播放轨迹(十一)
taro集成了地图后如何实现轨迹播放,暂停,停止呢?本身地图并不具备轨迹播放的能力,但是基于地图api可以实现轨迹播放的效果思路如下: 1.获取所有的轨迹坐标点-最好是数组格式的json 2.定义一 ...
C# 利用正则表达式获取文本中的https网址并替换新的对应的值,微信小程序播放腾讯视频
后台用KindEditor传了好几个视频地址,需要在微信小程序播放,复文本框写的内容是保存在数据库的一个字段的,就像下面这样,像这小程序播放,需要解析除真正的视频地址,所有需要获取里面的两个视频地址, ...
微信小程序播放bilibili视频
微信小程序播放B站视频前端代码 wxml文件 <view class="body-view" style="text-align: center;"&g ...
微信小程序播放音乐的方法中的两种方法
微信小程序播放音乐的方法有很多种,这里总结一下其中两种的优缺点,主要是最近用到了 audio组件这个是最简单的 <audio src="播放链接" id="mus ...
微信小程序-仿朋友圈点赞评论操作面板
目录微信小程序-仿朋友圈点赞评论操作面板一.效果二.实现 1.wxml实现 2.js实现 3.wxss实现三.记录 1.dataset使用微信小程序-仿朋友圈点赞评论操作面板一.效果二. ...
微信小程序使用云函数进行mysql操作
微信小程序使用云函数进行mysql操作其他操纵数据库方式的一些问题准备工作云函数代码调用云函数时候的代码最后还需要注意的一些小事情: 其他操纵数据库方式的一些问题现在使用小程序,对数据库的 ...
微信小程序播放视频卡顿问题
一.默认初次加载卡顿情况明显解决方案: 微信小程序使用video组件播放视频的时候,会出现卡顿或者无法播放的问题,加一个custom-cache="{{false}}"即可解决, ...

微信小程序播放背景音乐，关闭背景音乐的操作

微信小程序播放背景音乐，关闭背景音乐的操作相关推荐

最新文章

热门文章