Compatibilidad de audio en HTML5 con audio.js

Los aspectos de compatibilidad son clave en HTML5. Por esta razón es necesario buscar siempre alternativas que nos permitan crear una experiencia crossbrowser para nuestros visitantes.

La librería audio.js es una solución para que nuestros archivos de audio funcionenen en diferentes navegadores. Al incluir este módulo en nuestros proyectos web, podremos lograr que la etiqueta <audio> pueda ser utilizada sin problema. Claro que deberemos proveer los diversos archivos en formato y con los codecs correspondientes. ¿Cuál es la solución que esta librería nos da para IE8 o inferiores? Simplemente un fallback a un reroductor de Flash para que se pueda escuchar el audio.

Otra ventaja es que al usar esta librería podremos lograr una interfaz homogénea para las diversas plataformas, evitando las típicas diferencias entre los reproductores nativos de cada navegador y sistema.

La licencia de audio.js es MIT License. Esta librería es liviana y al descargala obtendremos un zip con un ejemplo de integración, que incluye también un CSS, la librería JS y el archivo SWF para compatibilidad con navegadores que no soportan HTML5 y requieren Flash para trabajar con el audio.

Más sobre Diseño y desarrollo Web


Acerca de

Autor de los libros: Webmaster Profesional, HTML5: Comprenda el cambio y Apps HTML5 para móviles. Soy especialista en Diseño y Programación Web y Mobile. Colaboré como autor y editor de contenidos para revistas, colecciones y diversos medios digitales. Dicto capacitaciones y consultorías sobre lenguajes y herramientas de desarrollo Web

Deja un comentario

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

*


Cursos y capacitaciones para empresas y profesionales

  • HTML & CSS (maquetado web).
  • CSS3 & Responsive Web Design (diseño web adaptado a móviles y tablets).
  • Flexbox & Grids (técnicas modernas de CSS).
  • LESS & SASS (CSS preprocessors).
  • Responsive E-mail (diseño de emails multidispositivo).
  • Bootstrap (el framework de diseño más utilizado).
  • HTML5 (Nivel inicial y Avanzado + APIs).
  • PhoneGap/Cordova (Aplicaciones para Android e iOS basadas en lenguajes Web).
  • JavaScript (Nivel inicial y avanzado con ECMAScript 6).
  • jQuery (una de las librerías más famosas de JavaScript).
  • Angular (framework para construir aplicaciones Web con JavaScript).
  • PHP & MySQL (programación del lado servidor y bases de datos).

Encontrame en las redes sociales. Contactame.