Xitrus está alojado en:
HTML5 nos dio la posibilidad de usar contenidos multimedia sin el uso de plugins externos (con las etiquetas de audio y vídeo), pero podemos recurrir a algunos frameworks que te facilitarán el uso de los contenidos multimedia y harán compatible el audio de tu web con los navegadores antiguos.
Y es que por desgracia aún hay una cuota de navegadores que ni son capaces de reproducir audio con la etiqueta <audio>, pero con los siguientes frameworks no tardarás ningún problema de compatibilidad.
Speakker es un framework que convierte una etiqueta <audio> en todo un reproductor de audio con lista de reproducción, capacidad para compartir las canciones online e integración con Last.fm.
Es muy personalizable, podemos cambiar a nuestro gusto el estilo de la interfaz del reproductor y es adaptable, además que permite elegir distintas distribuciones del reproductor.
MediaElement.js es un framework extremadamente completo, nos permite reproducir audio y vídeo de forma compatible con todos los navegadores (incluidos móviles).
La interfaz de el reproductor, tanto el de audio como el de vídeo, es muy simple y personalizable, en el caso de los vídeos nos permite añadir un efecto como el de los televisores con Ambilight (colorea un aurea en el exterior del vídeo con un color en el borde similar al de la imagen) y también permite traducir los subtítulos.
jPlayer es otro framework muy simple basado en jQuery que incorpora el reproductor de audio y de vídeo, pero e más interesante, por su sencillez y diseño es el reproductor de audio.
En este caso solo disponemos de un botón y el indicador de avance rodeándolo, pero es más que suficiente en muchos casos y no añadimos así multitud de bloques que llenen nuestra web.
Aunque siempre podemos recurrir a usar nosotros mismos a nuestra manera las etiquetas de audio y vídeo, siempre es recomendable saber de la existencia de estas herramientas, que nos garantizan la compatibilidad con navegadores antiguos y además nos ahorra tiempo diseñando la interfaz del reproductor (si no queremos usar la que tiene el navegador por defecto).
Xitrus está alojado en:
