移动浏览器中 html5 <audio> 标签的功能障碍

Posted 2023-02-25

【中文标题】移动浏览器中 html5 <audio> 标签的功能障碍

【英文标题】：Stunted Functionality of html5 <audio> tag in mobile browsers

【发布时间】：2013-07-05 20:48:53

【问题描述】：

在测试 html 音频标签时，我遇到了移动浏览器的两个问题。首先，“自动播放”属性并不总是起作用，因此用户需要触摸屏幕上的“开始”按钮。其次，一段 1:09 的录音，在某些浏览器上会在大约一分钟后中断，但在其他浏览器上播放到完成。第一个问题的一个例子是自动播放在我的桌面上使用谷歌 Chrome 浏览器时正常工作，但在我的 android (HTC EVO) 手机上却没有。第二个问题的一个例子是移动 Chrome 浏览器在我的手机上播放音频文件到完成，但我手机附带的默认浏览器提前关闭了大约 8 秒。但是，自动播放功能在“默认”浏览器上可以正常工作。

这些问题是由从桌面或笔记本电脑环境转移到智能手机环境时功能和内存减少引起的吗？

【参考方案1】：

不了解 Android，但 ios 对 HTML5 音频和视频有众所周知的限制。 Apple 声称它们旨在节省数据费用，即使它们在您使用 WiFi 时也适用，或者资产像电子书一样是本地的。

限制包括在发生某些用户交互之前不能预加载、不能循环播放、不能在 iPhone 上进行内联重播、不能改变播放速率、不能向后播放、不能控制音量等。请参阅http://blog.millermedeiros.com/unsolved-html5-video-issues-on-ios/ 以获得很好的总结。