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 que este artículo también lo puedes encontrar en mi blog personal: http://www.eltavo.net/2016/01/creando-mi-propio-reproductor.html
Saludos, y buena suerte!