返回顶部
首页 > 资讯 > 前端开发 > html >小程序BackgroundAudioManager的误区有哪些
  • 207
分享到

小程序BackgroundAudioManager的误区有哪些

2024-04-02 19:04:59 207人浏览 八月长安
摘要

这篇文章主要为大家展示了“小程序BackgroundAudioManager的误区有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“小程序Background

这篇文章主要为大家展示了“小程序BackgroundAudioManager的误区有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“小程序BackgroundAudioManager的误区有哪些”这篇文章吧。

本篇涉及到的几个坑(以下BAM为BackgroundAudioManager的缩写)

  • 一个误区

  • BAM.onStop() 与 BAM.onEnded() 的坑

  • BAM.seek() 与 BAM.onSeeked() 的坑

  • BAM.onTimeUpdate() 的坑

  • 在音频页退出小程序暂停音频后返回小程序的坑

一个误区

  • BAM.onCanplay()是监听背景音频进入可播放状态事件,并不代表在该事件中,音频就为播放状态。

BAM.onStop() 与 BAM.onEnded() 的坑

在BAM.onStop() 与 BAM.onEnded()的回调事件中,audio.src为空

BAM.onStop(): 当再次播放音频时,将data数据中音频的src赋值给BAM,然后在onTimeUpdate()事件内跳转到上次暂停的时间点(记得本地缓存音频播放时间哦~)

BAM.onEnded():在BAM.onEnded()回调函数中,将data数据中音频的src赋值给BAM,然后在onTimeUpdate()事件内暂停音频

BAM.seek() 与 BAM.onSeeked() 的坑

  • 设置src后立即seek()失效

seek操作最好放在BAM.onTimeUpdate事件中。 类似html的Audio元素的ontimeupdate方法,建议将currentTime的改变都在该方法中进行。

  • 暂停状态下跳转到指定位置,在onSeeked()回调中,Android的currentTime是跳转前的时间,而iOS是跳转后的时间

虽然在onSeeked()回调函数中,Android获取currentTime为跳转前的时间,但若开始播放,还是从指定位置开始播放。所以若有暂停连续跳转并需要获取currentTime的需求,可在onSeeked()回调函数中判断若为Android并且为暂停状态时播放。

如果在onSeeked()回调里面有特殊操作,记得区分是否是开发者工具~

BAM.onTimeUpdate() 的坑

在退出小程序后,Android与IOS均不走onTimeUpdate()事件

因此若在onTimeUpdate()事件内实时缓存音频的播放时长会导致在退出小程序暂停后返回拿到的音频缓存时间是退出前的时间。可以在onPause()与onEnded()事件中记录暂停时的音频播放时长。(在onTimeUpdate()事件内所做的操作可根据实际情况考虑节流哦~)

在音频页退出小程序暂停音频后返回小程序的坑

IOS:BAM.src为空

Android:BAM.src不为空,但play()失败

这点与第二点的处理方式相同。当在音频页退出小程序暂停音频后返回,进入onShow()事件时,将data数据中音频的src赋值给BAM,然后在onTimeUpdate()事件内跳转到上次暂停的时间点

以上是“小程序BackgroundAudioManager的误区有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网html频道!

--结束END--

本文标题: 小程序BackgroundAudioManager的误区有哪些

本文链接: https://lsjlt.com/news/70089.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • 小程序BackgroundAudioManager的误区有哪些
    这篇文章主要为大家展示了“小程序BackgroundAudioManager的误区有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“小程序Background...
    99+
    2024-04-02
  • 微信小程序的backgroundAudioManager怎么用
    这篇文章主要介绍了微信小程序的backgroundAudioManager怎么用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇微信小程序的backgroundAudioManager怎么用文章都会有所收获,下面...
    99+
    2023-06-26
  • 企业开发小程序要避开的误区有哪些
    本篇内容介绍了“企业开发小程序要避开的误区有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! 企业开发小程序要避开哪些误区 1、轻信低价开...
    99+
    2023-06-27
  • vue跟小程序的区别有哪些
    这篇“vue跟小程序的区别有哪些”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“vue跟小程...
    99+
    2024-04-02
  • 小程序和html5的区别有哪些
    小编给大家分享一下小程序和html5的区别有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! 区别...
    99+
    2024-04-02
  • 小程序和app的区别有哪些
    小程序和app的区别有:1.两者之间的下载、安装、占用空间方式不同;2.两者之间的开发成本不同;3.用户群体各不相同;4.两者之间的推广难度不同;5.市场前景不同等。他们的区别有以下几点:区别一:下载、安装、占用空间不同大家都知道APP都需...
    99+
    2024-04-02
  • 小程序与app的区别有哪些
    这篇文章主要介绍了小程序与app的区别有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇小程序与app的区别有哪些文章都会有所收获,下面我们一起来看看吧。  1.小程序与app的五个区别  1.1方便程度  ...
    99+
    2023-06-26
  • vue和小程序有哪些区别
    vue和小程序的区别有以下几点生命周期不同vue的生命周期包括beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed八个阶段...
    99+
    2024-04-02
  • 个人小程序和企业小程序的区别有哪些
    个人小程序和企业小程序的区别有:1.申请注册的流程不同;2.开发的性质不同;3.各自拥有的功能不同;4.服务的类型项目不同;5.商业服务类别不同。两者区别分析:注册流程不同个人版的注册主体是个人用户,操作流程简单,只需个人身份信息验证即可。...
    99+
    2024-04-02
  • 小程序和网页的区别有哪些
    小程序和网页的区别是:1.两者运行环境不同;2.开发成本不同;3.给予用户的体验感不同;4.策略定位不同等。具体区别分析区别之一:运行环境不同网页开发渲染线程和脚本线程是互斥的,这也是为什么长时间的脚本运行可能会导致页面失去响应,而在小程序...
    99+
    2024-04-02
  • 微信小程序和支付宝小程序的区别有哪些
    这篇文章主要介绍了微信小程序和支付宝小程序的区别有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。微信小程序微信小程序是存在于微信内的一种轻应用形态,为用户提供不需要下载即...
    99+
    2023-06-27
  • 微信小程序和支付宝小程序有哪些区别
    这篇文章主要为大家展示了“微信小程序和支付宝小程序有哪些区别”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“微信小程序和支付宝小程序有哪些区别”这篇文章吧。1.生态差异 :从微信和支付宝的属性来看...
    99+
    2023-06-27
  • vue和微信小程序的区别有哪些
    这期内容当中小编将会给大家带来有关vue和微信小程序的区别有哪些,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。一、生命周期先贴两张图:vue生命周期小程序生命周期相比之下...
    99+
    2024-04-02
  • 小程序和服务号的区别有哪些
    微信小程序和服务号的区别有:1.两者之间定位不同;2.开发的技术不同;3.各自的功能也不同;4.使用操作的流程不同。微信小程序和服务号的区别定位不同:服务号主要用于营销和信息传递,小程序更重要的是提供产品与服务。服务号支持主动推送,以营销和...
    99+
    2024-04-02
  • 小程序和公众号的区别有哪些
    小程序和公众号的区别有:1.两者之间定位不同;2.开发技术不同;3.两者之间各自的功能不同;4.给予用户不同的体验感。微信小程序和公众号的区别到底是什么?1、定位不同。公众号服务于营销与信息传递,小程序面向产品与服务。公众号主要用于信息的传...
    99+
    2024-04-02
  • 小程序和app的功能有哪些区别
    这篇文章主要介绍“小程序和app的功能有哪些区别”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“小程序和app的功能有哪些区别”文章能帮助大家解决问题。第一、小程序与app的区别在进行产品销售时,小程...
    99+
    2023-06-27
  • 微信小程序与h5有哪些区别
    本篇内容主要讲解“微信小程序与h5有哪些区别”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“微信小程序与h5有哪些区别”吧!一、不一样的运行环境从上文得知H5仅能借助浏览器实现启动,但小程序虽然包...
    99+
    2023-06-27
  • 小程序中rpx和px有哪些区别
    本篇内容主要讲解“小程序中rpx和px有哪些区别”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“小程序中rpx和px有哪些区别”吧!区别:1、rpx是相对长度单位,而px是固定长度单位;2、rpx...
    99+
    2023-06-29
  • 支付宝小程序与微信小程序开发的区别有哪些
    这篇文章主要介绍支付宝小程序与微信小程序开发的区别有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!浅谈支付宝小程序与微信小程序开发的区别一、app.json(1)设置小程序通用的的状态栏、导航条、标题、窗口背景色...
    99+
    2023-06-14
  • SWING与AWT小应用程序的区别有哪些
    这篇文章主要为大家展示了“SWING与AWT小应用程序的区别有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“SWING与AWT小应用程序的区别有哪些”这篇文章吧。SWING与AWT小应用程序...
    99+
    2023-06-17
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作