Tengo muchos audios como estos:
<audio class="item" controls src="audio1.mp3"> <audio class="item" controls src="audio2.mp3"> <audio class="item" controls src="audio3.mp3">cuando comencé a reproducir uno, el progreso de otros audios se restablecerá
Pregunta duplicada:
Alguien de este hilo sugirió Javascript para dejar de reproducir sonido cuando otro comienza
var sb = { song: null, init: function () { sb.song = new Audio(); sb.listeners(); }, listeners: function () { $("button").click(sb.play); }, play: function (e) { sb.song.src = e.target.value; sb.song.play(); } }; $(document).ready(sb.init);html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Audio</title> </head> <body> <button value="https://www.gnu.org/music/FreeSWSong.ogg">Song #1</button> <button value="https://www.gnu.org/music/free-software-song-herzog.ogg">Song #2</button> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> </body> </html>