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