javascript - Web:如何连续播放音频文件而不出现延迟？

Question

我有几个音频文件的网址，如下所示:

example.net/{num}.mp3

我想一个接一个地播放它们，并且它们之间没有延迟。

我尝试让两个音频元素带有 preload=true 并在它们之间切换，但仍然有延迟。

有什么想法吗？

Answer 1

我想看看你到目前为止所拥有的实际代码，因为我不是 100% 确定“在它们之间切换”意味着什么，但我编写了以下示例，该示例在第一个文件之前开始播放下一个文件一个完成。您指定一定数量的“重叠”，它就会开始播放下一个文件 JSFiddle: http://jsfiddle.net/76xqhupw/4/

const OVERLAP_TIME = 1.0; //seconds

const song1 = document.getElementById('audio1');
const song2 = document.getElementById('audio2');

song1.addEventListener("timeupdate", function() {
  if (song1.duration - song1.currentTime <= OVERLAP_TIME) {
    song2.play();
  }
});

song1.play();

这仅与立即播放下一个音频元素相关，因为您说过您已经有两个音频元素，但如果我遗漏了某些内容，请告诉我。