Stream de video con HTML5

Muchos me consultan sobre como realizar stream de video con HTML5. Una necesidad que hoy se apoya en soluciones como Flash o Silverlight, es ahora posible con HTML5, aunque para ganar mayor popularidad habrá que esperar un poco de tiempo, atendiendo las ya conocidas razones de compatibilidad.

Para quienes desee comenzar a aprender como resolver este tema, les recomiendo arrancar leyendo todo sobre MediaSource API en el muy buen artículo publicado por MDN Web Docs.

¿Como interactuamos con esta API? La manera más simple es mediante el uso de JavaScript.

Un muy buen ejemplo de su implementación lo encontramos en el artículo de Eric Bidelman, en HTML5 Rocks, bajo el título: STREAM VIDEO USING THE MEDIASOURCE API.

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

2 Comentarios en “Stream de video con HTML5
  1. mcalons dice:

    Hola Damián;
    Me ha gustado tu articulo, breve, conciso y claro con la referencia apropiada.

    Mi pregunta es si este articulo de 2012 es vigente hoy dia, podrias ampliar la información?

    Cual seria la mejor herramieta para hacer una plataforma de visionado de videos de pago en una web?

    He leido algo sobre Amazon para hospedar videos, no se si se podria implementar algo asi con streaming de videos desde Amazon.

    No soy experto en el tema pero me interesa, si estas al dia se agradecería una explicacion.

    Desde ya, gracias!

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.