2

我正在制作一个音频重页。我正在使用 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>

我正在尝试找到一种节省带宽的方法，有人建议我应该使用 Web 服务器中的缓存标头或缓存清单。这是线程：

如何重用浏览器已经下载的音频，使其不会在使用相同音频文件的其他页面中再次下载？

JavaScript（或任何其他方式）有没有办法检查浏览器缓存的内容？目标是实现这样的目标：

if (file in the cache){
    use the file in the cache;
}
else{
    var x = new Audio("x.mp3");
    var y = new Audio("y.mp3");
    var z = new Audio("z.mp3");
}

声明 Audio 对象时下载音频文件。

有没有办法做到这一点？

4

0 回答 0