HTML5中的音频:如何播放其他声音后的声音?

时间:2016-03-19 17:25:55

标签: html5 html5-audio

我有三个声音对象:

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

我想在声音a结束时播放声音b。并在声音b结束时播放声音。

我怎么能这样做?

我的代码如下:

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();

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

最简单的方法是,保留一个音频对象,一系列来源,收听结束事件和播放:

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