How to consistently play sounds on the site?

Question

HTML

there is a layout like this:

<audio reload="auto" controls>
            <source src="audio/1.mp3" >
        </audio>
        <audio reload="auto" controls>
            <source src="audio/2.mp3" >
        </audio>
        <audio reload="auto" controls>
            <source src="audio/3.mp3" >
        </audio>
        <audio reload="auto" controls>
            <source src="audio/4.mp3" >
        </audio>

You need to play sounds sequentially in turn

Answer 1

We do it in JS, something like this:

var sound = new Audio();
            sound.src = "sound_1.mp3";
            sound.load();
            sound.addEventListener("ended", callback, false);

            sound.play();

In the callback on "ended" we start a new sound, and so on.

Answer 2

https://stackoverflow.com/questions/16126471/how-t...