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:

 

 

Gracias por apoyar el libre conocimiento con tu donación!
Bitcoin: bc1q4sw9260twfcxatj8mjp7358cyvrf8whzlelyhj
Ethereum: 0xFb93D2a3c9d1A0b83EE629c2dE1725BCa192e581
Litecoin: LbFduJmHvQXcpCnwfUT7aJ4DYoWSL3iQw8
Dogecoin: D7QQVqNR5rk215A4zd2gyzV9P2bLQtZHFV
Transferencia bancaria en México:
Cuenta CLABE: 646180224401848086 Nombre: Masterhacks LATAM Banco: STP

Unete a nuestros grupos:
WhatsApp: https://chat.whatsapp.com/HcazyklpyeU4X3BF657KFQ
Telegram: https://t.me/masterhacks_net
Canal de WhatsApp https://whatsapp.com/channel/0029VaBBLCn5vKAH9NOWCl3K

One thought on “Cómo crear un reproductor de audio con HTML5

Deja una respuesta

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