通过 JavaScript 对象数组循环音频延迟？

【问题标题】：Audio delay cycling through JavaScript object array?通过 JavaScript 对象数组循环音频延迟？
【发布时间】：2020-11-23 18:30:22
【问题描述】：

这是我的网站，由 netlify 托管，一切都很好，除了当我尝试循环浏览这组对象时，我的音频出现初始延迟，播放音频的代码为 "audio.play()"，时间为 0.5-2 秒。

在我循环通过它们之后，一旦滞后几乎完全消失，这是一个网络化的事情吗？

在我的本地主机上，就像电影中一样完美！

希望获得有用的链接/视频/建议，谢谢。

【问题讨论】：

【解决方案1】：

这不是特别是 Netlify 的东西，而是一般的互联网东西。

文件加载在网络上不是即时的。当有人请求文件时（在这种情况下，枪声），它需要从服务器到客户端，这需要一些时间（取决于网络速度、物理距离等）。在您的本地计算机上，这些加载时间可以忽略不计，因为文件不会通过网络传输。

加载文件后，它会缓存在浏览器中，这就是为什么您在循环使用所有工具后没有发现延迟的原因。

缓解此问题的一种方法是在用户开始循环使用所有枪支之前请求并加载所有声音文件。这样一来，他们就不需要根据需要一次一个地请求。您也可以尝试减小文件大小，尽管这不会像预加载那样有帮助。

【讨论】：