HTML5 中的音频：如何在另一个声音之后播放一个声音？

Question

我有三个声音对象：

sound_a = new Audio("a.mp3");
sound_b = new Audio("b.mp3");
sound_c = new Audio("c.mp3");

我想在a音结束后播放b音。并在b音结束后播放c音

我该怎么做？

我的代码如下：

sound_a.pause();
sound_a.currentTime = 0;
sound_a.play();

sound_b.pause();
sound_b.currentTime = 0;
sound_b.play();

sound_c.pause();
sound_c.currentTime = 0;
sound_c.play();

Answer 1

您可以找到问题的答案 here。如果这没有帮助，请尝试寻找其他解决方案，因为这个问题之前已经提出并解决了。

Answer 2

最简单的方法是保留单个音频对象、源数组、收听结束事件并播放：

let i = -1, sources =[...], a= new Audio(), playNext= e => {
  i++;
  if(!sources[i]) return;
  a.src=sources[i];
}
a.autoplay = true; 
a.onended = playNext;
playNext();

Fiddle Demo

HTML5 中的音频：如何在另一个声音之后播放一个声音？

Audio in HTML5 : how to play a sound after an other sound?

html

html5-audio