Estoy pensando en hacer Moodly.site . Puedo agregar un audio y hacer que los usuarios lo reproduzcan con un clic, pero cómo hacer que se reproduzca más de 1 audio. No estoy seguro, ¿puedo hacerlo solo con Vanilla JS o necesito hacerlo? trabajar con cualquier marco.
¿Hay alguna etiqueta en HTML que me permita hacer esto o es solo parte de JS?
var a1 = document.getElementById("a1"); var a2 = document.getElementById("a2"); var b1 = document.getElementById("b1"); var b2 = document.getElementById("b2"); b1.addEventListener("click", function () { a1.play(); }); b2.addEventListener("click", function () { a2.play(); }); <audio id="a1" src="https://www.learningcontainer.com/wp-content/uploads/2020/02/Kalimba.mp3"> Your browser does not support the <code>audio</code> element. </audio> <audio id="a2" src="https://www.learningcontainer.com/wp-content/uploads/2020/02/Kalimba.mp3"> Your browser does not support the <code>audio</code> element. </audio> <button id="b1">1</button> <button id="b2">2</button>Asegúrate de cambiar los archivos de audio.
Editar: botones agregados-
js