Audio en HTML5: comment jouer un son après un autre son? - html5, html5-audio

J'ai trois objets sonores:

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

Je veux jouer le son b lorsque le son a est terminé. Et jouez le son c quand le son b est fini.

Comment je peux faire ça?

Mon code est le suivant:

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

Réponses:

La façon la plus simple de le faire serait de garder un seul objet audio, un tableau de sources, d’écouter les événements de fin et de jouer:

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

Démo de violon

Vous pouvez trouver une réponse à votre question ici. Si cela ne vous aide pas, essayez de trouver d'autres solutions, car cette question a déjà été posée et résolue auparavant.