HTML5 <Audio> : 单击下一首歌曲时停止加载/缓冲

Question

我有一个小网站，里面有大约 40 个 mp3 播客，您可以使用 html5 标签收听。

每个播客大约一小时长，大小为 100mb。

这是我的问题：

假设我在 PODCAST 1 上按 PLAY，它开始播放，并将播客的其余部分预加载到 100%。

现在假设我想播放 PODCAST 2，我在第一个按暂停，在第二个按播放。

如何停止第一个播客的预加载/缓冲，以便所有带宽都可以用于预加载/缓冲第二个播客？

我查看 jplayer 时认为它正在这样做，但通过查看代码，当在同一页面上使用多个播放器时，它所做的只是“暂停”其他播放器，而不是“停止”预加载/缓冲。

知道我该怎么做吗？

非常感谢:)

编辑：我已经使用 preload="none"

Answer 1

我遇到了完全相同的问题，并通过在暂停之前将 player src 属性设置为一个非常短、无声的 mp3 文件来解决它。比如……

var silent_file = 'http://example.com/silent.mp3';
var blogstream = 'http://example.com/blogstream';
var audioelement = document.getElementById( 'audioplayer' );

function stop(){
    audioelement.src = silent_file;
    audioelement.pause();
}
function play(){
    audioelement.src = blogstream ;
    audioelement.play(); // not necessary if audio element has autoplay
}