单击另一个按钮后中止/销毁 HTML5 音频流

Question

如何编写才能在单击新按钮后从上一个按钮中止音频流？

中止音频意味着，

如果正在播放一首歌曲，则单击第二个按钮，等待 10 分钟左右。

返回上一个按钮，应该播放不同的歌曲。

这不是这里的工作方式：https://jsfiddle.net/ajqh531n/

同一首歌还在播放

const buttons = document.querySelectorAll('.playButton');
const audios = document.querySelectorAll('audio');

buttons.forEach((button, index) => {
  button.addEventListener('click', () => {
    audios.forEach((audio, audioIndex) => {
      if (index === audioIndex) {
        if (audio.paused) {
          audio.play();
        } else {
          audio.pause();
        }
      } else {
        audio.pause();
      }
    });
  });
});

这将如何完成？

Answer 1

正如我所见，它们是流，你无法控制它们在自己这边排队的内容。除此之外，我可以看到歌曲在一段时间后被改变了。