Botones play - pause
Publicado por Hector (1 intervención) el 05/11/2020 04:51:08
Hola!, espero me puedan ayudar.
Estoy haciendo una página web para una radio, en la cual se coloca una lista de canciones ("el Top 10"), y quiero poner una lista con el nombre de la canción y cada una con su botón para que el usuario pueda reproducir cada una de estas canciones de forma individual. Me estoy basando en el siguiente código:(fuente:https://github.com/victorcuervo/lineadecodigo_html5/blob/master/Audio/boton-play-stop.html)
Espero me entiendan la idea.
De antemano, muchas Gracias!
Estoy haciendo una página web para una radio, en la cual se coloca una lista de canciones ("el Top 10"), y quiero poner una lista con el nombre de la canción y cada una con su botón para que el usuario pueda reproducir cada una de estas canciones de forma individual. Me estoy basando en el siguiente código:(fuente:https://github.com/victorcuervo/lineadecodigo_html5/blob/master/Audio/boton-play-stop.html)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<h1>Boton Play y Stop</h1>
<audio src="ruta_de_mp3" controls>
Tu navegador no soporta el elemento <code>audio</code>.
</audio>
<button id="boton">Play</button>
<script type="text/javascript">
var v = document.getElementsByTagName("audio")[0];
var sound = false;
var boton = document.getElementById("boton");
boton.addEventListener("click", function(){
if (!sound) {
v.play();
this.innerHTML = "Pause";
sound = true;
} else {
v.pause();
this.innerHTML = "Play";
sound = false;
}
});
</script>
Espero me entiendan la idea.
De antemano, muchas Gracias!
Valora esta pregunta


0