研究了大半天也没整明白为什么会影响到播放按钮的加载……

原因:设置播放src时同步执行了播放
解决:先执行完setdata{src},延时100ms再执行播放

    this.audioCtx.setSrc("https://res.wx.qq.com/voice/getvoice?mediaid=MzI5Nzk1ODY1MV8xMDAwMDIyMDk=")setTimeout(function(){console.log("测试")that.audioCtx.play()},100);

踩坑,小程序audio组件播放不显示播放按钮相关推荐

  1. 微信小程序audio组件播放按钮失效解决方案

    我中写小程序用到组件时,发现有时候点击播放按钮之后,虽然音频能播放,但是播放按钮会丢失,这就会导致一个问题,用户无法暂停播放,导致用户体验下降.原因没有去追究,应该是组件的bug,因为赶时间,所以尝试 ...

  2. 微信小程序input组件边框不显示问题的解决方法

    问题情景 在微信小程序开发中经常用到input组件,但是如果按下面的wxml代码去写,input的边框是不会显示的,只有在鼠标点过去的时候才会有个光标 <view class="set ...

  3. 微信小程序picker组件的确认,取消按钮方法

     确定    bindchange  取消     bindcancel <picker mode="date" header-text="选择时间" f ...

  4. 微信小程序wx.showModal(不显示“取消”按钮,修改“确定”按钮名称)

    API原型 wx.showModal({title: '标题',content: '内容',success: function (res) {if (res.confirm) {//点击确定按钮} e ...

  5. 小程序组件onload_微信小程序自定义组件踩坑教程

    微信小程序不支持自定义组件,只提供了一个非常受限制的模板功能,尤其缺乏了开发产品中最重要的几个功能:模板内的数据只能由当前页面传递,无法预先设置一些初始化数据以达到复用的目的: 模板内的数据变化无法通 ...

  6. 钉钉小程序父组件调用子组件方法(钉钉小程序踩坑实录)

    钉钉小程序父组件调用子组件方法 页面到底部,父组件触发,调用子组件的方法,加载子组件的数据 解决方法 子组件里: didMount() {this.$page.childComponent = thi ...

  7. uniapp 判断页面是否是横竖屏,解决微信小程序video组件全屏播放视频遮盖自定义播放控件问题

    如果res.deviceOrientation 等于landscape 的话是竖屏,portrait则是横屏.因为用户每旋转一次屏幕就会触发里面的onShow钩子,因此在页面显示或横竖屏变化都会触发这 ...

  8. 萌新爬坑系列-百度小程序自定义组件

    萌新爬坑系列-百度小程序自定义组件 百度小程序自定义组件的一个小问题 本人小萌新一个,毕业不久,入行前端也不久,摸索着写点东西,也当是自己爬坑的一个记录吧. 最近做了微信小程序,转百度小程序简直痛不欲 ...

  9. 【100个 Unity踩坑小知识点】| Unity调用API ,动态获取Android权限,附带所有Android权限表格

    Unity 小科普 老规矩,先介绍一下 Unity 的科普小知识: Unity是 实时3D互动内容创作和运营平台 . 包括游戏开发.美术.建筑.汽车设计.影视在内的所有创作者,借助 Unity 将创意 ...

最新文章

  1. 解决centos4不能使用yum的方法
  2. const那些事-初始化
  3. Windows10 UWP开发 - 响应式设计
  4. zip-gzip-bzip2_压缩文件
  5. unityios开发--Scorll View控件 .
  6. Netty 长连接服务
  7. 提取html中的音频文件,如何将网页中的音频文件提取出来
  8. 室内智能照明控制系统电路设计
  9. gels imagej 图片处理_科研论文作图之ImageJ
  10. zoj1479 dweep soj1106 搜索
  11. 核定征收的个体户,年营业额不超过120万,还需要缴纳个税吗?
  12. vivo手机光环助手下载游戏怎么打不开_“点亮夜色,点亮你”——全新5G自拍手机,vivo S6系列正式发布...
  13. HTML+CSS写一个三角形(原理+实例)
  14. Vue + qiankun框架 样式混乱问题的解决办法
  15. 阿里P7爆款《K8s+Jenkins》技术笔记,读了后确实有实质性的帮助
  16. 【odoo15】由于目标计算机积极拒绝,无法连接。
  17. 政策解读 | 杜绝“大数据杀熟” 《个人信息保护法》来了
  18. 合泰32-Onenet-WiFi模块-合泰单片机通过MQTT协议数据上云(一)
  19. 常见应用层协议都是基于什么运输层协议的
  20. 男人有时总是口不对心,你能用心体会吗?

热门文章

  1. 国产EDA软件如何突围
  2. linux 局域网私有云,Linux系统实战部署私有云网盘
  3. Linux文件名排序
  4. c 调用 java jni_java JNI 的实现(2)-java和C/C++的相互调用.
  5. 音名唱名及其在五线谱和简谱上所标明的音位对照
  6. Acwing语法基础课第八次课(1)751. 数组的左方区域最小数和它的位置741. 斐波那契数列740. 数组变换753. 平方矩阵 I
  7. AE CC 2015版本无法连接Media Encoder解救方法
  8. jdbc连接数据库的代码和步骤
  9. 大地坐标与空间直角坐标互相转换
  10. GSL中的蒙特卡罗积分