1. wx.seekBackgroundAudio(OBJECT)

    作用:控制音乐播放进度。

    注意: 该事件 会触发 wx.onBackgroundAudioPlay(CALLBACK) 事件 ,也就是相当于在调整进度后,后台会自动的调用wx.playBackgroundAudio(OBJECT)函数。

  2. 使用 audio组件 制作的播放器,即使点击"显示在微信顶部",音乐依然会停止,使用 wx.playBackgroundAudio 相关API制作的播放器才不会。

  3. wx.playBackgroundAudio(OBJECT),wx.pauseBackgroundAudio(),wx.seekBackgroundAudio(OBJECT),wx.stopBackgroundAudio()

    注意:上述四个操作都是 异步操作,都可以设置OBJECT参数,都有 success , fail , complete 回调 ,参照 wx.playBackgroundAudio(OBJECT) 的 OBJECT说明,OBJECT说明

  4. 后台播放音乐暂停后怎么从上次播放的地方继续播放?

    • 使用 seekBackgroundAudio

      官网并没有相关解释,初步思路是使用 playBackgroundAudio 播放音乐后,再调用 seekBackgroundAudio 将进度调整到上次停止的地方,但是由上面的第一条所描述,这样做的结果会导致onBackgroundAudioPlay 会被触发两次,所以我们可以直接调用seekBackgroundAudio调整播放进度即可(前提是之前有播放过歌曲,就是确保歌曲地址已经被设置,不然无效),随后音乐会自动播放.

    • 使用 playBackgroundAudio

      经测试调用playBackgroundAudio,并且传入的歌曲地址参数和上次相同时,歌曲会从上次暂停的时间位置继续播放

  5. wx.stopBackgroundAudio

    注意:经测试,再调用 wx.stopBackgroundAudio 函数之后,紧接着调用 wx.playBackgroundAudio ,在pc端模拟测试时正常,后台会停止播放音乐,然后再播放新的音乐,但是,在手机上却会打断紧接着调用的 wx.playBackgroundAudio 的播放(坑啊T-T),测试真机为phone5。

  6. 回调函数的触发时机。

    • wx.onBackgroundAudioPlay(CALLBACK) 监听音乐播放。

    • wx.onBackgroundAudioPause(CALLBACK) 监听音乐暂停。

    • wx.onBackgroundAudioStop(CALLBACK) 监听音乐停止。

    上述监听函数会在调用对应的wx.playBackgroundAudio(OBJECT),wx.pauseBackgroundAudio(),wx.stopBackgroundAudio()等函数时,会被立即触发,对应的操作可能并没有完成,比如调用 playBackgroundAudio播放音乐,只是给后台发送信息,要播放音乐,但是此时音乐并没有开始播放,可能还在加载等等,但是onBackgroundAudioPlay的回调函数会立即调用。

    而wx.playBackgroundAudio(OBJECT),wx.pauseBackgroundAudio(OBJECT),wx.seekBackgroundAudio(OBJECT),wx.stopBackgroundAudio(OBJECT)中OBJECT里面的回调函数会在如下对应条件触发:

    • 在歌曲加载完成之后,可以播放时触发

    • 在歌曲暂停之后,没有声音之后触发

    • 歌曲进度设置完成并且开始播放之后触发

    • 歌曲停止之后触发

    wx.onBackgroundAudioPlay(CALLBACK) , wx.onBackgroundAudioPause(CALLBACK) , wx.onBackgroundAudioStop(CALLBACK) 函数可以监听后台操作歌曲时,触发的事件,比如当小程序退出后,音乐暂停,也包括我们使用 wx.pauseBackgroundAudio 等函数时触发的事件。

    wx.onBackgroundAudioPause(OBJECT)里面的 暂停回调函数函数不会被触发,wx.pauseBackgroundAudio(OBJECT)里面的回调函数只是当次主动操作有效。后台自动暂停歌曲时并不会触发该回调函数,wx.playBackgroundAudio(OBJECT),wx.pauseBackgroundAudio(),wx.seekBackgroundAudio(OBJECT),wx.stopBackgroundAudio()都是一样的机制。

  7. 怎么获取歌曲播放时的 回调函数?

    微信小程序官方文档,playBackgroundAudio相关额API并没有提供此函数,但是提供了wx.getBackgroundAudioPlayerState函数用于获取歌曲播放时歌曲额进度信息,所以我们可以使用setInterval定时函数模拟这个事件。下面是我模拟的相关事件,

     var timer = setInterval(() => {wx.getBackgroundAudioPlayerState({success:function(res){//调用需要更新的//self._onUpdate(res);}});}, 500);
  8. 最重要的一点,pc端的模拟器,上面描述的事件触的顺序会可能和手机端的触发顺序不一样(T-T,天坑,本来调试好好的,pc端app突然就抽风,炸了,有时候播放歌曲后 立刻就暂停,至今不知道是为什么,手机端却是正常的),所以还是多真机调试吧,都是泪。

转载于:https://www.cnblogs.com/hlere/p/6780486.html

微信小程序后台音乐播放注意事项相关推荐

  1. 微信小程序实现音乐播放器(2)

    文章目录 前情提要 BackgroundAudioManager API:wx.setNavigationBarTitle() 搭建静态资源服务器 小程序项目 app.json app.wxss pa ...

  2. 微信小程序实现音乐播放器(5)

    文章目录 前情提要 pubsubjs实现页面通信 moment.js实现时间格式化 BackgroundAudioManager 小程序项目 app.json app.wxss app.js page ...

  3. html5音乐播放器设计论文,基于微信小程序的音乐播放器设计和毕业论文

    摘  要 随着通信技术的发展和智能设备的普及,移动互联网在近两年发展迅猛,新兴的移动社交软件"微信"逐渐走进了手机用户的生活,深受全国数亿用户的欢迎.随着微信版本的不断更新,微信也 ...

  4. 微信小程序之音乐播放

    微信小程序之音乐播放 这次用的是API中的wx.createInnerAudioContext()接口 (创建内部 audio 上下文 InnerAudioContext 对象.) InnerAudi ...

  5. 许嵩音乐智能问答系统微信小程序之音乐播放器

    许嵩音乐智能问答系统微信小程序之音乐播放器 - 项目简介 项目简介. 音乐播放器搭建. 获取数据及文本分类. 智能客服聊天界面. 连接前端微信小程序输入和后端python,并返回值 连接知识图谱 你还 ...

  6. 微信小程序实现音乐播放器(3)(使用全局数据实现数据共享)

    文章目录 前情提要 搭建静态资源服务器 小程序项目 app.json app.js app.wxss pages/index/index.json pages/index/index.wxml pag ...

  7. Java爬虫后台+微信小程序之音乐播放器(上)

    微信小程序–音乐播放器(Java爬虫后台在下文篇章公布) 主页面: wxml: css就不展示了,比较多 <view class='container' style='width:{{wid}} ...

  8. 基于微信小程序的音乐播放器设计

    目 录 1绪论 1 1.1选题背景及意义 1 1.2发展现状 1 1.2.1什么是微信小程序 1 1.2.2小程序市场的现状 4 1.3研究主要内容 4 2系统技术 5 2.1 Java语言 5 2. ...

  9. 微信小程序入门-音乐播放器

    萌新,随便做做,只是了解一下微信小程序,希望可以给看到的胖友一点参考. 之前在网上看到这个人入门四天做完一个,我五天做完了,比他好看,突然有一点自信 然后发现自己特别不乐意重新看自己的代码,总觉得写的 ...

最新文章

  1. 第三方支付接口的技术比较研究
  2. [译]以PostgreSQL为例,谈join计算的代价
  3. 使用 npm 命令查看某个 npm 开发包明细
  4. 【转载保存】webCollector使用教程
  5. box-sizing的不同属性值间的区别
  6. 学习设计模式 - 六大基本原则之开闭原则
  7. Keras 学习笔记
  8. 企业文化之华为和汤森路透
  9. “爱装X”开源组织:“教科书级”AI知识树究竟长什么样?
  10. php bin2hex park,PHP bin2hex()函数与示例
  11. Google Borg论文
  12. 12款好用超赞的国外搜索资源网站 ,开发者们的标配,你都知道吗?不知道就OUT了...
  13. Win 10 亮度调节选项消失
  14. [ASP.NET] 结合Web API在OWIN下实现OAuth
  15. 刺激战场android闪退,刺激战场闪退怎么办
  16. child计算机英语作文,Childhood的英语作文(精选8篇)
  17. 二项分布最大值,泊松分布的推导,几何分布的推导 (概统2.证明)
  18. docker--compose
  19. linux开启辅助功能,使用Windows XP 的辅助功能向导(转)
  20. python-turtle入门

热门文章

  1. Spring Cloud_27_消息驱动/RabbitMQ的使用
  2. 调用支付宝接口生成小程序二维码的坑(PHP)
  3. 服务器高并发负载解决方案
  4. 【postgre-XL数据库】运维总结
  5. 一个五年 Android 开发者百度、阿里、聚美、映客的面试心经
  6. 如何进行同声翻译?这些同声翻译在线翻译方法大家都在用
  7. 转:邓一硕《R语言书籍的学习路线图》
  8. ESP32 入门笔记08:1.54寸(240*240)彩色TFT 显示高清IPS LCD 屏幕 SPI接口
  9. G1D13-Apt论文阅读fraudgitKGbookrce33-36php环境搭建
  10. 计算机毕业设计 SSM与Vue医药保健品商城管理系统(源码+论文)