场景:

swiper切换时,切换后播放对应item里的音频,使用wx.createInnerAudioContext播放音频。由于每个item都需要维护自己的暂停、播放状态,所以这里InnerAudioContext都单独创建在这些item的组件里。

问题:

当快速切换的时候,安卓端无法使用InnerAudioContext.destroy方法销毁之前的音频,导致几条音频同时一直在播放。

在iOS端是正常,所以一开始以为是性能问题,但是在同事的比较新的安卓手机测试也出现有这样的问题,而且是100%复现。

解决:

destroy改成stop即可。

playId: {handler(val) {if (val != this.item.index) {try {this.innerAudioContext.stop()throw '不是这条'} catch (err) {}console.log('停止播放')} else {this.innerAudioContext = wx.createInnerAudioContext();this.innerAudioContext.loop = truewx.setInnerAudioOption({obeyMuteSwitch: false})this.innerAudioContext.src = this.item.smsMusicLib ? encodeURI(this.item.smsMusicLib.audioUrl) : ''this.autoPlay = truetry {this.innerAudioContext.play()} catch (e) {//TODO handle the exception}console.log('开始播放');}},immediate: true,deep: true},

【小程序】安卓端InnerAudioContext无法销毁相关推荐

  1. 微信小程序ios端唤醒不了拨打电话或者部分电话拨打不了解决方案

    目录 简介 技术 问题 解决方案 简介 主要解决微信小程序ios端唤醒不了拨打电话或者部分电话拨打不了问题,使用安卓手机就可以轻松的唤醒拨打电话. 技术 uni-app前端小程序框架 问题 在调试微信 ...

  2. 去哪儿网 ReactNative 跨小程序多端方案介绍

    1 前言 qrn-remax-unir 是由去哪儿网前端技术团队实现的一套将 RN 适配到小程序端的跨端组件,通过该组件库可快速方便的将 RN 源代码直接运行到小程序端.方案参考了 react-nat ...

  3. 基于uniapp+vue+微信小程序+安卓app电影院订票小程序H5网站设计

    开发技术:uniapp + vue + ElementUI + 微信小程序 + 安卓app + Springboot 开发工具环境:HBuilder + 微信开发者工具 + VsCode + Idea ...

  4. ios 上传图片失败 小程序_微信小程序ios端 使用ajaxSubmit上传图片失败,android没问题...

    微信小程序ios端 使用ajaxSubmit上传图片失败,android没问题 微信小程序开发上传图片,使用ajaxsubmit,post请求,form设置multipart/form-data, a ...

  5. 解决微信小程序安卓手机访问不到图片,无法显示图片

    关于微信小程序不显示图片 通病可能有以下几个可能性: 非本地图片:确定图片资源存在,copy 图片url再浏览器打开,确定图片资源存在且能正常访问 本地图片:确定相对路径或者绝对路径正确 微信小程序图 ...

  6. 前端 domparser未定义怎么解决_开源|wwto:小程序跨端迁移解决方案——微信转其他小程序...

    开源项目专题系列 (二) 1.开源项目名称:wwto 2.github地址: https://github.com/wuba/wwto 3.简介:wwto是58同城推出的一种小程序跨端迁移解决方案,可 ...

  7. java计算机毕业设计信用卡增值业务系统小程序用户端源码+mysql数据库+lw文档+系统+调试部署

    java计算机毕业设计信用卡增值业务系统小程序用户端源码+mysql数据库+lw文档+系统+调试部署 java计算机毕业设计信用卡增值业务系统小程序用户端源码+mysql数据库+lw文档+系统+调试部 ...

  8. 关闭微信小程序电脑端的位置定位

    关闭微信小程序电脑端的位置定位 关闭微信小程序电脑端的位置定位 1.使用fiddler获取微信小程序获取定位的网址 2.在host文件中将其禁止 3.删除微信小程序的缓存 3.再启动微信小程序即可 关 ...

  9. 解决微信小程序ios端滚动卡顿的问题

    解决微信小程序ios端滚动卡顿的问题 参考文章: (1)解决微信小程序ios端滚动卡顿的问题 (2)https://www.cnblogs.com/goloving/p/10563472.html 备 ...

  10. 【无忧美名网-一款根据诗经、古诗词等国学给宝宝起名的小程序-uniapp端】

    无忧美名网-一款根据诗经.古诗词等国学给宝宝起名的小程序-uniapp端.使用UNIAPP开发,可以直接导出为微信小程序.抖音小程序.快手小程序和百度小程序. 前端集成了日历选择插件,支持对接微信支付 ...

最新文章

  1. 展望2021年:智能机器人可监督工业机器人干活,效率提升30%
  2. 卖了5个月水果之后再看互联网思维
  3. 脑机互动可提高行动能力
  4. 支付和LBS定位对于O2O到底有多重要?
  5. boost::geometry::remove_spikes用法的测试程序
  6. mysql 必知必会 笔记
  7. C# message简单实现窗口间信息接收与发送
  8. 神经网络的输出层有哪些_深度学习的数学-神经网络、输入层、隐藏层、输出层...
  9. android键盘事件
  10. linux系统组成以及运行模式
  11. Win2003(R2 SP2)服务器纯净版系统
  12. STM8S103之串口中断接收
  13. Ctfhub解题 彩蛋
  14. 多次进行hdfs namenode -format命令时,启动DataNode自动死亡的原因
  15. shell 一些好玩的技巧.
  16. 今日学习之SQL基本语法与操作
  17. Larry wall - Perl之父
  18. 51单片机之外部中断方式 ——— INT0 中断
  19. 『腾讯后台开发』实习生技能要求
  20. 智能家居开源平台——智汀家庭云(架构概述)

热门文章

  1. 《滕王阁序》在古文中处于什么水平?
  2. 高级系统架构师 考试经验分享
  3. Linux修改IP地址
  4. FOI对象中显示labels --Oracle Map
  5. 乐视第4代超级电视引领行业风向标
  6. 二阶矩阵转置怎么求_这个二阶矩阵的二范数怎么求
  7. 计算机设备管理没有打印机,win7电脑找不到打印机设备怎么办
  8. tomcat8的apr模式配置SLL证书
  9. Word365英文版,文字垂直居中
  10. 读书笔记(一)——《许三观卖血记》