微信小程序完美解决wx.createInnerAudioContext()坑
我刚开始用wx.createInnerAudioContext(),是将此方法写在了我的播放语音函数里,发现怎么暂停和取消都不好使
经过踩坑,得出结论!!!
1.将此方法声明在onLoad中,(如果声明在page外部,每次进此页面执行语言操作都会多次执行。)
2.将api方法也都声明在onLoad中(不需要一直去创建回调事件)
3.播放语言操作
/*** 播放音频*/playAudio(e) {const _this = this;wx.stopVoice()showToast('text', '播放中', {duration: 120 * 1000,mask: true})let audio = e.currentTarget.dataset.audio;let audioSave = _this.data.audioSave;console.log('audio:',audio.name,' audioSave:',audioSave)if (audio.ext === 'mp3') { // 小程序发送的this.data.audioContext.src = audio.url} else {this.data.audioContext.src = audio.mp3Url}if (audio.name == audioSave) {console.log('播放同一个语音,将其暂停')this.data.audioContext.pause();//初始化this.setData({audioSave: ''})} else{//不是同一个语音 直接播放其它,将此次语音记录this.data.audioContext.play()this.setData({audioSave: audio.name})}},
推荐一下官方的课程
微信小程序完美解决wx.createInnerAudioContext()坑相关推荐
- 微信小程序-音频播放-wx.createInnerAudioContext() 每次都是重复播放同一条录音
前言 在调试微信小程序音频播放时,刚开始我也是直接复制官方文档的实例: const innerAudioContext = wx.createInnerAudioContext() innerAudi ...
- 微信小程序map中polyline的坑
微信小程序map中polyline的坑 polyline polyline层级 polyline 如果大家写过小程序的map地图应该就知道polyline的功效,说白了就是画线的,我在自己的项目中主要 ...
- [微信小程序开发] 用wx.navigateTo方法跳转到tabBar中被定义了的页面将无法跳转
[微信小程序开发] 用wx.navigateTo方法跳转到tabBar中被定义了的页面将无法跳转 举例: main.js中: tabBar中 定义了页面"pages/test/main&qu ...
- 【小程序迁移】微信小程序迁移到支付宝记坑
[小程序迁移]微信小程序迁移到支付宝记坑 文档控制台网址汇总 前言 本地区别 仅企业可用的功能 限制功能 插件区别 云开发API区别 需要做的代码变更 xml部分 CSS部分 JS部分 自定义组件 比 ...
- uniapp 微信小程序开发 解决旧版本缓存
1.uniapp 微信小程序如何解决旧版本缓存问题 在小程序发布新版本后,小程序端是异步更新,新版本覆盖较慢.如果用户之前已经打开过小程序,通过 热启动 再进入小程序时,可能访问的还是旧版本,需要一段 ...
- 微信小程序相机组件wx.createCameraContext()的使用模拟微信拍照-后端为nodejs
在本文 微信小程序相机组件wx.createCameraContext()的使用模拟微信拍照之前需要看看 微信小程序-获取用户session_key,openid,unionid - 后端为nodej ...
- 微信小程序如何解决社区团购的痛点
首先我们先来了解一下,什么是社区团购.社区团购是以小区为单位,以微信为载体整合多个社区社群资源,为社区居民提供日常所需商品.生活服务,集中化管理运营的一种商业模式.那么社区团购的优势.痛点都是什么呢? ...
- 微信小程序-bug-调用wx.login()无响应的原因和解决方案
微信小程序-bug-调用wx.login()无响应的原因和解决方案 参考文章: (1)微信小程序-bug-调用wx.login()无响应的原因和解决方案 (2)https://www.cnblogs. ...
- 微信小程序地理位置接口( wx.getLocation )申请方法
在平时我们在开发小程序时,难免会需要用到用户的地理位置信息的功能,微信小程序开发者开放平台新规要求如果没有申请开通微信小程序地理位置接口( wx.getLocation ),是无法审核通过小程序的. ...
最新文章
- Maven下载依赖提示Missing artifact
- 算法之图搜索算法(一)
- 过滤输入字符串中的危险字符
- java 获取当月第一天和最后一天 获取前一个月第一天和最后一天
- 创建一个dynamics 365 CRM online plugin (一) - Hello World Plugin
- vue数组修改不触发视图更新、vue向响应式对象添加或删除属性
- 电大计算机应用小抄,2015年最新电大统考计算机应用基础小抄(完整版电大小抄).DOC...
- springcloud配置动态更新
- 如何利用webpack4.0搭建一个vue项目
- javascript 纯前端实现汉字转拼音 —— pinyin-pro 库
- 脱壳之压缩壳-FSG
- PaddleFL 1.2.0版本 使用docker镜像编译流程(Ubuntu 20.04)
- Android OpenGLES滤镜开发之贴纸效果
- mysql sniffer 源码_MySQL 抓包工具 - MySQL Sniffer 使用小结 (含带general_log日志)
- 北京市重点区域5G网络实测分析
- python可以用来写什么工具_python写工具
- 四化大业:论算法工程师的自我修养
- (转)流量加速插件 FinalSpeed介绍及一键安装教程
- 基金投资组合中的夏普率
- 跨平台应用开发进阶(五十四):Android APP调试工具:ADB