Es probable que quieras comunicar en tu web algo que en texto sería demasiado largo, para eso se ha inventado el podcast, y como bien sabes, existen plataformas para ello.
De hecho, elementor ya incorpora un widget de Soundcloud para que lo hagas sin demasiada complicación.
Aún así, es posible que quieras Reproducir audio en WordPress desde un botón o un link sin tener que recurrir a servicios externos, simplemente subiendo el archivo .mp3 y que suene en tu web.
En mi página de inicio he querido dar un toque de humor, y la comparativa de precios, cuando se clica el botón «Tirar el dinero» hago que se reproduzca un audio divertido (pruébalo).
Por cierto, si aún no tienes elementor pro con licencia oficial y quieres conseguirlo completamente legal y con la licencia activada, este es el momento, cómpralo ahora y ahórrate un buen dinero.
El primer paso es obviamente tener en tu archivo de medios el archivo .mp3 que quieres que suene, yo para mostrarte como funciona, he subido una versión del Pasacaglia de Handel que puedes descargar para hacer la prueba (o usa uno que tu tengas).
Pues eso, simplemente inserta un botón, y le pones el texto que ha de mostrar, pero CUIDADO, asegúrate de que no tenga ningún enlace, ahora verás porqué.
En lugar de un enlace, debes crear una clase .css para ese widget, por ejemplo «pasacaglia«.
Para ello, te vas a la pestaña Avanzado del widget de botón, y en el campo Clases CSS escribes «pasacaglia» o la clase que tu quieras poner.
Símplemente inserta el widget «Editar html» lo mas cerca posible del botón, y pega el siguiente código.
DOS COSAS IMPORTANTES:
<script>
let audioButton = document.querySelector('.pasacaglia'); // <-- Change CSS Class Here
audioButton.addEventListener('click', function(){
var audio = document.getElementById("audio");
if (audio.paused) {
audio.play();
}else{
audio.pause();
// audio.currentTime = 0
}
});
</script>
<audio id="audio" src="https://tuweb.com/carpeta/tuarchivodemedios.mp3"></audio>
Ya lo tienes, en este ejemplo simplemente suena una melodía pero puedes usarlo para podcast, para reproducir en audio las instrucciones de un servicio, etc.
Sólo por registrarte, te regalamos un cupón para que consigas elementor Pro aún mas barato.
Sign up to our newsletter
