Reproducir archivos de audio en tu web con el plugin audio.js

En cierta ocación te habrás visto en la necesidad de reproducir algún tipo de archivo de audio desde tu web y no encuentras la manera de hacerlo .

El plugin Audio.js es una biblioteca que te permitirá usar la etiqueta de <audio> de html5 para utilizarlo en cualquier web.

Pues bien, para hacer que funcione el MP3 en todos, o casi, los navegadores. Audiojs,es un plugin livianito que reemplazará cada tag audio en nuestra página por un bonito reproductor (personalizable mediante el CSS incluido en el .JS) y, según dice su autor, degrada a un reproductor de flash si tu navegador no soportara el tag AUDIO (como en los viejos Internet Explorer).

Su uso es muy sencillo y no, no require de jQuery para funcionar.

Requisitos para usar audio.js:

Incluir la librería audio.js

<script src="/audiojs/audio.min.js"></script>

Inicializar el audio.js

<script>
  audiojs.events.ready(function() {
    var as = audiojs.createAll();
  });
</script>

Colocar la etiqueta audio html5 donde desea que aparezca el reproductor

<audio src="http://ruta/mp3/musica.mp3" preload="auto"></audio>

Fuentes:

http://kolber.github.io/audiojs/

Licencia :

http://opensource.org/licenses/mit-license.php

Descarga de audio.js

http://kolber.github.com/audiojs/audiojs.zip

Demostración

Relacionado