Hola!
Les traigo una herramienta que encontré que me resultó bastante interesante, su nombre es audiojs y como su nombre lo indica, es un reproductor de mp3 javascript, que se puede poner en cualquier página, y es free.
Está basado en HTML5 y jQuery
Su página oficial es
Desde ahí están los códigos y ejemplos, las posibilidades son muchísimas y más aún si sabés programar en javascript, ya que podés toquetear el código.
Reproductor simple:
Reproductor con playlist:
Reproductor custom:
Instalación
Si descargamos el ZIP, veremos que en una carpeta audiojs se encuentran los tres archivos necesarios: audio.min.js, audiojs.swf y player-graphics.gif. El primero es el script en si mismo, el segundo un reproductor de Flash para aquellos navegadores que no soportan HTML5 y el tercero un sprite con las imágenes utilizadas.
A diferencia de otros reproductores que usan la etiqueta audio, este, sólo admite archivos MP3s que son los más comunes.
Para usar esto hay una condición que debe cumplirse y es que los tres archivos deben estar alojados en algún servidor pero, dentro de la misma carpeta.
Ahora tenemos que incluir el archivo audio.js en nuestra pagina web entre <head> y </head>, de la siguiente manera:
Insertamos el codigo para inicializar audio.js:
Listo, ahora ya podemos usar la etiqueta <audio> en donde se nos de la gana de la siguiente manera:
Personalmente, ando investigando mucho este reproductor, estoy intentando hacer dinámica la playlist, aun sin éxito, si alguien lo logra, un MP por favor y estaría muy agradecido!
Barras separadoras sacadas de
Les traigo una herramienta que encontré que me resultó bastante interesante, su nombre es audiojs y como su nombre lo indica, es un reproductor de mp3 javascript, que se puede poner en cualquier página, y es free.
Está basado en HTML5 y jQuery
Su página oficial es
Desde ahí están los códigos y ejemplos, las posibilidades son muchísimas y más aún si sabés programar en javascript, ya que podés toquetear el código.
Reproductor simple:
Reproductor con playlist:
Reproductor custom:
Instalación
Si descargamos el ZIP, veremos que en una carpeta audiojs se encuentran los tres archivos necesarios: audio.min.js, audiojs.swf y player-graphics.gif. El primero es el script en si mismo, el segundo un reproductor de Flash para aquellos navegadores que no soportan HTML5 y el tercero un sprite con las imágenes utilizadas.
A diferencia de otros reproductores que usan la etiqueta audio, este, sólo admite archivos MP3s que son los más comunes.
Para usar esto hay una condición que debe cumplirse y es que los tres archivos deben estar alojados en algún servidor pero, dentro de la misma carpeta.
Ahora tenemos que incluir el archivo audio.js en nuestra pagina web entre <head> y </head>, de la siguiente manera:
<script src="/audiojs/audio.min.js"></script>
Insertamos el codigo para inicializar audio.js:
<script>
audiojs.events.ready(function() {
var as = audiojs.createAll();
});
</script>
Listo, ahora ya podemos usar la etiqueta <audio> en donde se nos de la gana de la siguiente manera:
<audio src="/mp3/juicy.mp3" preload="auto"/>
Personalmente, ando investigando mucho este reproductor, estoy intentando hacer dinámica la playlist, aun sin éxito, si alguien lo logra, un MP por favor y estaría muy agradecido!
Barras separadoras sacadas de