function togglePlay() { var myAudio = document.getElementById("myAudio"); return myAudio.paused ? myAudio.play() : myAudio.pause(); }; <audio id="myAudio1" src="https://clubajax.pythonanywhere.com/media/contact/backgroundM.mp3" preload="auto"></audio> <input type="button" value="sound" onclick="togglePlay()" /> <audio id="myAudio" src="https://clubajax.pythonanywhere.com/media/contact/backgroundM.mp3" preload="auto"></audio> <input type="button" value="sound" onclick="togglePlay()" />'Quiero usar esta función tooglePlay() para diferentes ID, de modo que pueda pausar y reproducir de forma independiente para cada canción. ¿Cómo puedo pasar las diferentes identificaciones de audio a la misma función?
Puede hacer que la función acepte la identificación como parámetro:
function togglePlay(id) { var myAudio = document.getElementById(id); return myAudio.paused ? myAudio.play() : myAudio.pause(); }; Luego, en su HTML, pase la identificación de la etiqueta de audio correspondiente cuando llame a togglePlay :
<audio id="myAudio1" src="https://clubajax.pythonanywhere.com/media/contact/backgroundM.mp3" preload="auto"></audio> <input type="button" value="sound" onclick="togglePlay('myAudio1')" /> <audio id="myAudio" src="https://clubajax.pythonanywhere.com/media/contact/backgroundM.mp3" preload="auto"></audio> <input type="button" value="sound" onclick="togglePlay('myAudio')" />'