Recibe ayuda de expertos
Es gratis y fácil
Respuestas, votos y comentarios
Recibe puntos, vota y da la solución
hola nesecito hacer un botón que sea play y pause para un reproductor de audio aquí esta mi codigo base:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<audio id="sonido" src="cancion">
</audio>
<a href="javascript:document.getElementById('sonido').play();"><img width="19px" height="19px" src="play.png"></a>
<a href="javascript:document.getElementById('sonido').pause();"><img width="19px" height="19px" src="pausa.png"></a>
</body>
</html> Hola, usa un poco de JS.
Aquí tienes la solución.
var playing = false;
var playImg = 'play.png';
vaf pauseImg = 'pause.png';
function playOrPause{
if(playing){
document.getElementById('sonido').pause();
document.getElementById('buttonImg').src = playImg;
}else {
document.getElementById('sonido').play();
document.getElementById('buttonImg').src = pauseImg;
}
playing = !playing;
}
// Esto sería el código JS
// A Continuación tu HTML
// Sustituye tus 2 enlaces por este
<a href="#" onclick='playOrPause();'><img id='buttonImg' width="19px" height="19px" src="play.png"></a> Ya me comentas qué tal!!
