
Agregar varios audios a web HTML
Publicado por Uri (1 intervención) el 13/02/2022 03:37:42
Hola,
Hay alguna referencia para que se reproduzca un audio al hacerle click a una imagen que no sea el reproductor básico?
<audio src="podcast.mp3" controls autoplay>
He probado con el siguiente, pero sólo deja reproducir un audio, y lo que estoy buscando es poder hacerlo con más de dos audios.
<button class="reproductor">Reproduce tu audio</button>
<audio src=""></audio>
<script>
let boton = document.querySelector(".reproductor")
let audioEtiqueta = document.querySelector("audio")
boton.addEventListener("click", () => {
audioEtiqueta.setAttribute("src", "ruta_a_tu_archivo")
audioEtiqueta.play()
console.log(`Reproduciendo: ${audioEtiqueta.src}`)
})
</script>
Gracias por la colaboración. Saludos.
Hay alguna referencia para que se reproduzca un audio al hacerle click a una imagen que no sea el reproductor básico?
<audio src="podcast.mp3" controls autoplay>
He probado con el siguiente, pero sólo deja reproducir un audio, y lo que estoy buscando es poder hacerlo con más de dos audios.
<button class="reproductor">Reproduce tu audio</button>
<audio src=""></audio>
<script>
let boton = document.querySelector(".reproductor")
let audioEtiqueta = document.querySelector("audio")
boton.addEventListener("click", () => {
audioEtiqueta.setAttribute("src", "ruta_a_tu_archivo")
audioEtiqueta.play()
console.log(`Reproduciendo: ${audioEtiqueta.src}`)
})
</script>
Gracias por la colaboración. Saludos.
Valora esta pregunta


0