javascript - HTML5 音频缓存 - 不止一次？

Question

我正在创建一个 Javascript/HTML5 音频驱动的应用程序，它针对多种浏览器，但理想情况下它也必须在移动浏览器上运行(iPhone 和 Android 2.1+)。

应用程序中有很多音频，但并非同时需要所有音频，因此我不预加载数据(节省加载时间，并减少用户可能需要下载的数量手机)。

我将使用标签和相应的 s 来设置音频，然后使用 Javascript“Audio()”对象来访问它们。每个文件必须有多个来源，以支持多个浏览器。

我的问题是，如果我使用同一个源文件但分别创建的多个 Audio() 对象，浏览器会分别缓存它们吗？

例如

var audioObject = new Audio();
audioObject.src = document.getElementById('song').src;

Answer 1

这完全取决于浏览器。然而，大多数浏览器只下载一次声音文件，并为其他实例使用缓存副本。具有相同来源的图像也会发生同样的事情。并且可能与脚本文件有关。

因此，例如，如果您有十个使用相同sounds/myFile.mp3 的音频对象，那么大多数浏览器将下载该文件一次并将相同的缓存副本分配给每个对象。