当前位置:   article > 正文

微信小程序播放背景音乐,关闭背景音乐的操作_微信小程序音乐和音频怎么关闭

微信小程序音乐和音频怎么关闭

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


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

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

  1. {
  2. "pages": [
  3. "pages/index/index"
  4. ],
  5. "requiredBackgroundModes":["audio"],
  6. }

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

  1. Page({
  2. /**
  3. * 页面的初始数据
  4. */
  5. data: {
  6. },
  7. player(audio) {
  8. var that = this
  9. //title不写或放空会报错哦,即使不报错ios系统会不播放,所以必须加
  10. audio.title = '瞬间的永恒'
  11. //这点需知微信小程序上线不能超过2M,音乐文件会很大,所以要放在服务器上才可以
  12. audio.src = '音乐文件在服务器上的地址'
  13. //音乐播放结束后继续播放此音乐,循环不停的播放
  14. audio.onEnded(() => {
  15. that.player(wx.getBackgroundAudioManager())
  16. })
  17. },
  18. /**
  19. * 生命周期函数--监听页面加载
  20. */
  21. onLoad: function () {
  22. //页面加载播放音乐
  23. this.player(wx.getBackgroundAudioManager())
  24. },
  25. /**
  26. * 生命周期函数--监听页面卸载
  27. */
  28. onUnload: function() {
  29. //离开页面是停止播放音乐
  30. wx.getBackgroundAudioManager().stop();
  31. },
  32. /**
  33. * 页面相关事件处理函数--监听用户下拉动作
  34. */
  35. onPullDownRefresh: function() {
  36. },
  37. /**
  38. * 页面上拉触底事件的处理函数
  39. */
  40. onReachBottom: function() {
  41. },
  42. /**
  43. * 用户点击右上角分享
  44. */
  45. onShareAppMessage: function() {
  46. },
  47. onPageScroll: function(ev) {
  48. }
  49. })

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/473973
推荐阅读
相关标签
  

闽ICP备14008679号