html - 如何在没有爆裂声和咔哒声的情况下一个接一个地播放 block ？

Question

我有两个这样的标签:

<audio id="1" src="lub0.mp4" />
<audio id="2" src="lub1.mp4" />

我想一个一个地播放它们，即 .play() 第一个，当它启动 onend 事件时，我将 .play() 第二个。不幸的是，这给了我一种流行的声音。是否有任何正确的跨浏览器方式无需点击即可执行此操作？

文件本身很好，如果我在 ffmpeg 中将它们粘在一起，声音就完美了。

谢谢。

Answer 1

尝试以下操作。

var fileOne = document.getElementById('1');
fileOne.onended = function() {
    document.getElementById('2').play();
}

fileOne.play();

我确实以不同的方式格式化了音频标签，我按照您的方式进行了尝试，但失败了。这是我的方法

<audio id="1">
<source src="movie.mp4" type="video/mp4">
</audio >

<audio id="2">
  <source src="movie.mp4" type="video/mp4">
</audio >