html - 暂停 HTML5 音频元素会导致整个文件被下载

Question

我有一个页面上有很多音频元素的情况，其中一些很长(最多约 2 小时)。本质上，它们是这样创建和控制的:

var a = new Audio();
a.preload = 'metadata';
a.src = 'long-track.mp3';

a.play();

播放时，浏览器(在本例中为 Chrome)正确地发出范围请求，服务器返回“206 Partial Content”，一次看起来大约 2 分钟的数据。加载约 2mb 的数据后，它会停止请求数据。到现在为止还挺好。然后，执行:

a.pause();

这会导致浏览器下载文件的整个剩余部分。 (!!?!~@!!!?) 显然，如果用户决定收听几首轨道的前几秒钟，这可能是个问题:他们会开始下载千兆字节的不需要的数据。

我看到一些其他问题在问 how to force the full file to be buffered ，但我实际上想要完全相反。

Answer 1

没有官方功能可以做到这一点，虽然应该有，但似乎普遍的共识是，以下代码是做你想做的最好的方法

a.src = '';
a.load();

jPlayer implements this method停止音频缓冲。唯一的问题是， there may be cross-browser problems用这种方法。如果失败，您可以尝试从页面中删除音频元素，您尝试过吗？