html - 播放时预加载 html5 音频

Question

对于 HTML5 音频，假设您有一个包含两首要播放的歌曲的列表。目前我已将其设置为当当前歌曲停止播放时，它会加载新歌曲并播放。我想要它以便在当前歌曲结束时加载下一首歌曲，可能是当前歌曲结束前 20 秒。我试图在播放歌曲时更改音频对象的 src 属性，但这只会立即停止当前歌曲的播放。有没有其他方法可以让我在播放当前歌曲时预加载下一首歌曲？

Answer 1

您可以使用 jQuery 创建一个 jQuery 对象:

var nextSong = document.createElement('audio'); //Creates <audio></audio>
nextSong = $(nextSong); //Converts it to a jQuery object
$(nextSong).attr('autoplay') = false; //You don't want this dynamically loaded audio to start playing automatically
$(nextSong).attr('preload') = "auto"; //Make sure it starts loading the file
$(nextSong).attr('src') = url_to_src; //Loads the src

这应该开始将歌曲加载到浏览器内存中的一个元素中，当歌曲结束时，调用如下内容:

$(audio).replace(nextSong);

这没有经过测试。您可能甚至不需要 jQuery。

这可能在没有 jQuery 的情况下工作:

var nextSong = document.createElement('audio');
nextSong.autoplay = 'false';
nextSong.preload = 'auto';
nextSong.src = url_to_src;

试一试，让我知道!