Capturar audio y video con HTML5

La captura de audio y video es uno de los grandes desafíos que debe enfrentar HTML5 a la hora de resolver todas las necesidades actuales del desarrollo Web.

Por razones técnicas y de seguridad, esta capacidad tiene muchos temas por resolver para ser soportada de manera nativa en los navegadores. Esto es así por diversas razones y, hasta ahora, esta necesidad se está resolviendo mediante plugins, como el caso de Flash.

HTML5 plantea una solución mediante HTML Media Capture, que es una interesante opción para acceder a la cámara del usuario.

Siempre comento en mis clases que muchas idas y vueltas se han dado con este tema y ahora llega una interesante alternativa utilizando una interfaz a la que accedemos mediante getUserMedia().

Las dos grandes cuestiones que debe enfrentar ahora esta funcionalidad están relacionadas con la compatibilidad (por ahora bastante baja) y también la seguridad, algo que deberemos atender en nuestros desarrollos.

Para ampliar sobre este tema, pueden leer el excelente artículo publicado en HTML5 Rocks, escrito por Eric Bidelman, titulado CAPTURING AUDIO & VIDEO IN HTML5.

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.