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

Question

这是由 netlify 托管的我的网站，一切都很好，除了当我尝试循环遍历这个对象数组时，我的音频出现初始滞后，播放音频的代码为 0.5-2 秒"audio.play()"。在我循环通过它们之后，一旦滞后几乎完全消失，这是一个 netlify 的事情吗？在我的本地主机上就像电影中的作品一样完美！

Answer 1

它不是特定的 Netlify 事物，只是一般的互联网事物。

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

加载文件后，它会缓存在浏览器中，这就是为什么您在循环遍历所有枪支后没有注意到任何延迟。

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