关于html5的audio标签无法在setTimeout中进行播放的问题，求解！！

丢雷老谋 2015-06-09 04:04:57

html5的audio在手机端有部分是不支持自动播放功能的，这点已经成为众所周知的事情了，所以只能使用js去控制audio标签，切换src进行播放，那么问题就来了，有需要将音频播放延迟，就会使用到setTimeout 或者setInterval实现，可是js播放代码放入以后直接就失效了，有木有了解情况的大牛出来指点小弟一下，感激不尽！

...全文

263 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

这篇博客探讨了如何使用HTML5音频标签和JavaScript来实现音频的自动播放和控制，特别是如何在6秒后停止播放并防止循环。讨论了在iOS设备上自动播放的限制，并提供了使用setTimeout代替setInterval来避免不必要的循环。此外，还提到了自动播放策略对用户体验和带宽消耗的影响。

博客探讨了在JavaScript中使用audio对象进行延迟播放时遇到的问题，当延迟时间超过1000毫秒，音频无法正常播放。问题可能与浏览器限制、事件处理及数据获取的时机有关。通过设置setTimeout模拟延迟，发现在1001毫秒时音乐无法启动，邀请读者共同解惑。

本文介绍了一种实现移动端网页中音频自动播放的方法。通过使用HTML5的audio标签结合jQuery与setTimeout函数，确保音频能在多种移动设备上顺利播放。此外，还介绍了如何通过监听WeixinJSBridgeReady事件来进一步优化在微信环境下的播放体验。

本文探讨了在HTML页面中处理音频循环播放的问题，详细介绍了原有实现方式的不足，即无法停止音频播放，以及如何通过改进实现音频的精确控制，包括停止和切换。通过设置currentTime为0并使用setTimeout实现循环，解决了之前依赖于短音频和clearInterval的问题。

本文深入解析HTML5音频标签与JavaScript API协同控制的核心实践，重点解决现代浏览器对autoplay的严格限制问题。通过用户手势解锁（点击、键盘、触摸）、AudioContext状态管理、混合控制架构（标签承载资源+API掌控行为），实现跨端稳定播放。涵盖关键属性（preload、muted、crossorigin）、核心方法（play()、pause()、load()）、格式选型（MP3/OGG/WAV/AAC）及真实终端兼容性验证（iOS Safari、Chrome Android、树莓派Moode Audio等），提供可复用的轻量AudioManager实现。

87,988

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章