javascript - 如何在 Javascript 中预加载声音？

Question

感谢 onload 函数，我可以轻松地预加载图像。但它不适用于音频。 Chrome、Safari、Firefox 等浏览器不支持 audio 标签中的 onload 功能。

如何在不使用 JS 库且不使用或创建 HTML 标记的情况下在 Javascript 中预加载声音？

Answer 1

您的问题是音频对象不支持“加载”事件。

相反，有一个名为“canplaythrough”的事件并不意味着它已完全加载，而是加载了足够多的内容，以当前的下载速率，它将在轨道有足够的时间播放时完成。

所以代替

audio.onload = isAppLoaded;

尝试

audio.oncanplaythrough = isAppLoaded;

或者更好.. ;)

audio.addEventListener('canplaythrough', isAppLoaded, false);