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

Audio delay cycling through JavaScript object array?

这是我的网站,由 netlify 托管,一切都很好,除了当我尝试循环遍历这个对象数组时,我的音频出现初始滞后,播放音频的代码是 "audio.play()" of .5- 2 秒

在我循环通过它们之后,一旦延迟几乎完全消失,这是 netlify 的事情吗?

在我的本地主机上就像电影中的作品一样完美!

希望得到帮助link/video/advice,谢谢。

https://csgo-weapons.netlify.app/

它不是特别的 Netlify 东西,只是一般的互联网东西。

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

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

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