赞
踩
多读多写多记录,多学多练多思考。----------- 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) {
-
- }
- })
![](https://csdnimg.cn/release/blogv2/dist/pc/img/newCodeMoreWhite.png)
ok,这样写只要title写了并且不为空ios也是正常的哦,就这些了,希望能帮助到一些朋友吧!!!有问题再留言!
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。