如何一个接一个地播放<audio>块,没有弹出和点击？

Question

我有两个这样的标签:

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

我想逐个播放它们,即.play()第一个,当它启动第一个事件时,我将.play()第二个.不幸的是,这给了我一个流行音乐.没有点击,有没有正确的crossbrowser方式来做到这一点？

文件本身很好,如果我在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 >