Skip to main content
1 de 2
user avatar
user avatar

Es muy simple:

  • Al botón recuperalo por medio de una variable
  • A la variable que representa al botón dale un listener al evento click
  • Por dentro de la función vamos a crear un nuevo elemento en el DOM el cual será una etiqueta de audio
  • A la etiqueta de audio necesitamos establecerle el valor al atributo src que es de donde va a leer el navegador el audio que planeas reproducir
  • A la variable que tiene asignada la creacíon del audio dale acceso al método play()

Código

<button class="reproductor">Reproduce tu audio</button>
<script>
    let boton = document.querySelector(".reproductor")
    
    boton.addEventListener("click", () => {
      let etiquetaAudio = document.createElement("audio")
      etiquetaAudio.setAttribute("src", "ubicación de tu archivo de audio")
      etiquetaAudio.play()
    })
</script>

Entonces cada vez que presiones el botón el audio se reproducirá

Referencias

user128299