audio不能在苹果手机正常播放的坑,希望可以帮助大家跳过坑
一个小程序音频audio不能在苹果手机正常播放的坑**
这两天用到audio 组件,直接复制了demo 的代码,==没有加事件==,在安卓手机上是可以正常播放的,以为不用添加事件是可以用的,后来发现苹果手机上是没有反应,然后添加了点击事件后苹果和安卓上都可以正常播放了,附上以下代码,大神请路过:
<audio poster="{{postData.music.coverImg}}" name="{{postData.music.title}}" author="{{postData.author}}" src="{{postData.music.url}}" id="myAudio" bindtap='audioClick' controls loop ></audio> js:
Page({data: {isPlaying: false },onReady:function(e){this.audioCtx = wx.createAudioContext('myAudio')},onUnload:function(){this.data.innerAudioContext.destroy();},audioClick(e) {this.setData({isPlaying:!this.data.isPlaying})if (this.data.isPlaying){this.audioCtx.play();console.log("播放")}else{this.audioCtx.pause();}}
})
audio不能在苹果手机正常播放的坑,希望可以帮助大家跳过坑相关推荐
- video/audio在ios/android上播放兼容
1.audio自动播放 1 <audio src='xxx.mp3' autoplay></audio> 上面是audio标签autoplay属性是自动播放,但是在安卓部分浏览 ...
- JavaScript + Audio API自制简易音乐播放器(详细完整版、小白都能看懂)
JavaScript + Audio API自制简易音乐播放器(详细完整版) ** 音乐播放器的功能清单如下: ** 1.点击暂停按钮,歌曲暂停 2.点击播放按钮,歌曲播放 3.单曲循环与取消单曲循环 ...
- [JavaScript] audio在浏览器中自动播放
audio 在浏览器中自动播放 autoplay 属性 autoplay 属性规定一旦音频就绪马上开始播放. 如果设置了该属性,音频将自动播放. 使用 autoplay 属性进行播放 //使用auto ...
- 用html做成的音频播放器,使用HTML5的Audio标签打造WEB音频播放器
WEB中的Audio标签 HTML5定义了一个新的元素用来指定标准的方式来插入音频文件到web页面中:标签.使用audio标签可以控制音频的播放与停止,循环播放与播放次数设置,以及播放位置等等,详情请 ...
- 填坑之路!SpringBoot导包坑之spring-boot-starter-parent
填坑之路!SpringBoot导包坑之spring-boot-starter-parent 大誌 2018-11-14 21:03:25 104522 收藏 83 分类专栏: Bug 文章标签: Sp ...
- 网站更换域名和服务器不收录,更换域名就是一个坑,没事千万不要轻易入坑
懿古今是从14年11月开始建立,至今已将两年的时间了.时间虽然不长,但是两年间却更换了两次域名总共用过三个域名,真的是"折腾域名专业户"啊!这次更换域名让我觉得:更换域名就是一个坑 ...
- 踩坑日常_MinGW-w64安装教程及踩坑记录
踩坑日常_MinGW-w64安装教程及踩坑记录 Linux系统下的gcc(GNU C Compiler)是GNU推出的功能强大.性能优越的多平台编译器.Gcc编译器能将C.C++语言源程序.汇程式化序 ...
- 嵌入式本来就很坑,相对于互联网来说那个坑多得简直是难走
嵌入式本来就很坑,相对于互联网来说那个坑多得简直是难走.不过相对于纯电子电路.机械.化工.医药.生物等工科领域,似乎倒也不错.所以有时候会看到学机械的想转嵌入式,学文科的想转互联网. 有些现象我自己本 ...
- JS纯前端实现audio音频剪裁剪切复制播放与上传
背景是这样的,用户上传音频文件,可能只需要几十秒就够了,但是常规的音乐都要3~5分钟,80%的流量都是不需要的,要是就这么传上去,其实是流量的浪费,如果可以在前端就进行剪裁,也就是只取前面一段时间的音 ...
最新文章
- Enhanced-RCNN: 一种高效的比较句子相似性的方法 |​WWW 2020
- 第三代测序技术的方法原理及其在生物领域的应用
- 自己封装的一个java图片验证码
- linux内存一直占满问题
- svc的参考文献_WCF服务三:svc文件详解
- jQuery中的read 和JavaScript中 的onload函数的区别
- redis 数据类型详解 以及 redis适用场景场合
- 没有计算机基础可以学python-没有计算机基础可以参加Python培训吗?老男孩教育...
- C#_未在本地计算机上注册“Microsoft.Jet.OLEDB.4.0”提供程序
- 追赶法 c++代码实现
- VMware安装Fedora 35 Workstation及使用体验
- 三星识别文字_Samsung OCR Software三星光学字符识别软件下载_Samsung OCR Software三星光学字符识别软件官方下载-太平洋下载中心...
- java poodle,Java http客户端和POODLE
- PS中去掉图片周围的无用白色区域
- vFlat Scan – 可能是最快捷的纸质书扫描应用,一次 2页,居然还能移除手指头[iOS/Android]
- JS题目之数组数据拆分重组转成嵌套对象,让脑细胞活跃下
- python:计算自己的bmi值
- 【CST】-01软件安装及熟悉
- java 高德计算距离,距离、长度、面积
- Picker 选择器
热门文章
- 计算机外设:显示器是如何工作的?
- UG汽车模具设计之汽车模斜顶机构的设计思路,建议收藏
- iOS 启动页加入动态的广告实现
- 大数据开发好找工作么?还能入行么?
- jupyter添加标题、文字注释;
- 【软件测试】linux命令-引用符号(反斜杠\、单引号‘‘、双引号““)
- 闲聊----Simulation,MSaaS到SaaS
- python快速实现简易俄罗斯方块小游戏
- pdf太大了怎么缩小?怎么能缩小pdf文件大小?
- 支付宝小程序 中实现 验证码倒计时效果