社区
HTML5
帖子详情
h5的audio标签paly方法在ios的app内嵌浏览器里无效的问题
hykwolf
2017-03-15 09:58:43
很简单的一个调用 autio.play(),播放一个http地址的语音文件(不是流媒体服务)。
ios的app用的webkit做的内嵌浏览器,在ios 10.1及以下的系统中可以播放语音,但是现在发现在ios 10.2的系统里就不好使了,点击播放没有反应,但是在10.2的safari浏览器里又是可以的。
有没有其它前端大神遇到这个问题的?求教一下原因以及解决办法。
...全文
387
回复
打赏
收藏
h5的audio标签paly方法在ios的app内嵌浏览器里无效的问题
很简单的一个调用 autio.play(),播放一个http地址的语音文件(不是流媒体服务)。 ios的app用的webkit做的内嵌浏览器,在ios 10.1及以下的系统中可以播放语音,但是现在发现在ios 10.2的系统里就不好使了,点击播放没有反应,但是在10.2的safari浏览器里又是可以的。 有没有其它前端大神遇到这个问题的?求教一下原因以及解决办法。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
h5
----
ios
端多个
audio
标签
同时播放的
问题
本文探讨了在
H5
页面中,如何处理
iOS
设备上多个
audio
标签
同时播放的
问题
。当一个
audio
标签
用于背景音乐并设置autoplay,另一个在用户交互时触发play事件时,遇到安卓正常而
iOS
无法触发播放的难题。解决
方法
是通过设置音频静音并动态调整,以实现两段音频的同步播放。虽然未找到
问题
的根本原因,但提供的思路可能对遇到相同
问题
的开发者有所启发。
H5
audio
标签
录音播放在
ios
上特别卡,android正常的情况
在
iOS
设备上,一个使用
H5
audio
标签
实现的录音播放功能出现卡顿
问题
,而Android设备则正常。经过一系列的分析和尝试,包括检查定时器、插件兼容性、资源释放等,最终发现是由于多次录音生成的
audio
标签
导致的。解决方案是通过创建一个隐藏的
audio
标签
,结合消息ID动态替换播放源,从而避免了卡顿现象。
解决
App
嵌套
h5
页面时
audio
标签
不能自动播放
问题
本文介绍了一种在
iOS
设备上的微信
浏览器
及应用内
H5
页面实现音乐自动播放的
方法
,通过微信JS-SDK配置及原生
audio
标签
操作,解决了苹果设备自动播放限制。
移动端
H5
audio
/video
标签
遇到的一些
问题
总结
这篇博客总结了在移动端使用
H5
audio
和video
标签
遇到的
问题
,主要聚焦于Safari
浏览器
的限制,如不支持preload和autoplay。解决办法包括诱导用户点击触发播放,以及在video
标签
上使用webkit-playsinline和playsinline属性来实现自动播放。同时提到了
audio
和video
标签
的事件监听,可以用于控制播放状态。
vue结合
Audio
进行语音播放(混
ios
的
h5
)
本文介绍在
iOS
内嵌
H5
页面中实现语音信息播放的
方法
,包括使用
audio
标签
及
Audio
Context方式,详细展示了代码实现过程及样式设置。
HTML5
43,738
社区成员
5,567
社区内容
发帖
与我相关
我的任务
HTML5
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
复制链接
扫一扫
分享
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章