我有一个小型网络应用程序,只需单击几个按钮即可播放非常短的声音片段。它明确针对 iOS (iPad) 上的移动 Safari。
在此处和其他地方阅读了有关移动 Safari 在此上下文中 HTML5 音频的几个“缺点”并尝试了一些“黑客”和技巧之后,我陷入了 Safari 看起来很简单的情况(因为没有更好的词)破碎的:
我可以通过单击按钮 A 播放声音 A(它需要很长时间才能开始 - 我假设它正在下载 [再次]?)。然后,单击按钮 B 将立即再次播放声音 A。按钮 C 也是如此。在某些情况下,它会播放不同的声音,有时甚至是正确的声音。但主要是声音 A。使用的格式是 .aiff,现在是 .m4a 。
在自己编写了几个小版本之后,我决定使用Buzz库来处理声音加载/播放/等。
有趣的是,他们的演示包括一个游戏,它几乎完全符合我的需要并触发了相同的错误行为。我什至遇到了这样一种情况,即移动 Safari 中任何选项卡中的任何音频播放器都会在 Buzz 演示游戏中播放某种声音(!)。
我希望缓存清单可能有助于克服 Apple 的预加载限制,并强制应用在离线模式下按下按钮后立即播放声音。但是在确认整个应用程序已被缓存后,我无法在离线模式下播放/听到任何声音。
有没有人设法让这样的事情以某种方式工作?(——虽然看过 Apple 如何处理某些事情,但我不希望得到太多回应……)
更新1:
此答案中的示例会产生相同的效果:How to synthesize audio using HTML5/Javascript on iPad
更新 2:
更新 iOS(以及 Safari)似乎可以解决音频错误。不过,缓存清单似乎不会影响音频文件。这些文件根本不可用。
删除缓存清单后,应用程序可以正常工作,但将其添加到“主屏幕”并重新加载它也会阻止音频播放。