lunes, 11 de enero de 2016

Creando mi propio reproductor multimedia con Html5

Como todos sabemos una de las grandes características que incorpora Html5 es el soporte nativo para reproducción de archivos multimedia, es decir audio y vídeo sin necesidad de usar plugins de terceros, que si bien hay algunos son bastante buenos y usados de una forma u otra nos ocasionaban algunos problemas de compatibilidad y cosas de este tipo.

Ahora Html5 nos ofrece la posibilidad de lograr embeber en nuestras aplicaciones audio y vídeo de una forma nativa y estándar, lo que implica una implementación con mayor facilidad y portabilidad.

El año anterior tuve la oportunidad de participar como speaker en el evento Microsoft DevCamp promovido por Microsoft Colombia, en cabeza de Juan Carlos Ruiz más conocido como Juank Ruiz, en esta oportunidad dicté un Hands on Lab (HOL) de Html5 multimedia, en el cual al final de la sesión logramos construir un reproductor multimedia como este:


Para construir este reproductor usamos herramientas como:

  • Html5, como tecnología base, estructura semántica y controles multimedia.
  • BootStrap, para mejorar la experiencia del usuario y habilitar responsive design.
  • Font Awesome, para incorporar íconos amigables para el usuario.
  • Visual Studio Code, como IDE de desarrollo.
Ahora para observar el paso a paso para implementar el reproductor lo puedes encontrar en la siguiente ruta: Paso a paso

Y puedes descargar los fuentes de la siguiente ruta: Fuentes

Espero este artículo sea de utilidad y No olvides visitar mi página en Facebook para mantenerte actualizado de lo que pasa en el Tavo.Net https://www.facebook.com/eltavo.net

Saludos, y buena suerte!