我怎么能重复使用的音频已经下载的，因此不会在使用同一个音频文件的其他页面重新下载一个浏览器吗？(Ho

我在做一个音频重页。 我使用JavaScript音频元素。 代码如下所示：

JavaScript的：

var x = new Audio("x.mp3");
var y = new Audio("y.mp3");
var z = new Audio("z.mp3");

function playMe(n){
    n.play();
}

HTML：

<button class="button" onclick="playMe(x)")>Play</button>
<button class="button" onclick="playMe(y)")>Play</button>
<button class="button" onclick="playMe(z)")>Play</button>

有些使用多达30个不同的音频文件，因此这将消耗大量带宽的。 这有可能杀掉的项目，因为它是一个人的努力几乎没有预算。

该音频被音频对象被声明为每次下载。 有没有办法重新使用已经下载的其他页面被其他页面上使用，无需重新下载音频？

谢谢你的时间。

Answer 1:

您可以使用缓存清单 ，以确保您想要每一个资源只能下载一次，妥善缓存，即使离线浏览。 请参阅： “离线”：这是什么意思？我为什么要在乎？ 上的HTML5Rocks。

你可以用它代替（或补充）正确的缓存是有你的页面真的不重装，但有部分定位的另一件事使用AJAX像重装上阵这个简单的演示 。 很多JavaScript框架，如jQuery，YUI，原型，道场，等会帮你。

文章来源: How can I reuse the audio a browser already downloaded so it doesn't download it again in other pages that use the same audio file?