Cómo crear un reproductor de audio con HTML5

Ya que la gran mayoría de las versiones recientes de navegadores web admiten HTML5 es posible crear un pequeño reproductor de audio con unas simples líneas de código.

De este modo es posible crear un reproductor para música o cualquier archivo de audio en una página web, incluso si se utilizan CMS como WordPress o Blogger, mientras tengas acceso al HTML del sitio, podrás hacerlo.

Simplemente hay que crear un elemento audio, con la etiqueta <audio> y sus respectivos atributos.

<audio src="http://misitio.com/musica/archivo.mp3" controls="controls" type="audio/mpeg" preload="preload">
</audio>

El código es simple, se utiliza src para ingresar la ubicación del archivo de audio, con controls establecemos que el reproductor tenga los controles de reproducción y volumen, con preload se establece que el archivo cargue en memoria una parte para evitar que se esté deteniendo, con autoplay se establece que el audio se reproduzca automáticamente al entrar a la página.

Un ejemplo de esto es el siguiente:

 

 

Grupo de WhatsApp: https://chat.whatsapp.com/Ch45FZaJcbxDb7WeHAOtAQ
Grupo de Telegram: https://t.me/Masterhacks_net

Donaciones
Gracias por apoyar el libre conocimiento!
Bitcoin: 3L2Y8LC5tmRffopnvv5J9DHe6wnrmyWVMm
Litecoin: MDtX7eRekxoRigMNtguziZqRdkr8CT5DKs
BCH: 3PnUezyhjWHQoBVfb1GpQJurMNbVjyvrVG
Ethereum: 0x1f786c3195b9a55e320848f240b1cfc37b159535

Una respuesta a “Cómo crear un reproductor de audio con HTML5”

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *