HTML5移动网络应用上的音频延迟

Question

我正在使用HTML5和Javascript开发移动Web应用程序。 目的是要创建一个带有按钮的页面，该按钮使用HTML5音频标签在触摸事件后播放声音。 但我注意到，即使在缓存了音频文件之后，触摸事件和正在播放的声音之间也会有很大的延迟。 我认为这可能是由于iOS Safari处理声音的方式引起的，但我不确定。 是否有解决此问题的方法或创造性的解决方法？ 如何最小化触摸事件和播放之间的延迟？

Answer 1

音频延迟可能是由于蜂窝数据收费导致的iOS中的缓冲问题所致。 用户必须明确触发事件，才能开始下载内容。

在iOS上的Safari（适用于包括iPad在内的所有设备）上的Safari中，用户可能位于蜂窝网络上，并按数据单元收费，因此禁用了预加载和自动播放功能。 在用户启动数据之前，不会加载任何数据。 这意味着除非用户操作触发了play（）或load（）方法，否则JavaScript play（）和load（）方法在用户启动播放之前也处于无效状态。 换句话说，用户启动的“播放”按钮有效，但onLoad =“ play（）”事件无效。

-https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html#//apple_ref/doc/uid/TP40009523-CH5-SW1

===编辑===

一种潜在的改进是为移动产品使用较低的比特率/较高的压缩音频。 但是，质量将大大降低。 仅在您的应用程序可接受的情况下使用。