Es una nueva comunidad sobre el reciente estándar de la web Html5, donde puedes encontrar tutoriales, tips, consejos, información, noticias y demás en un solo lugar.

Cámara y micrófono con HTML5


  Publicado hace |  Etiquetas: , , ,

Hace algo de tiempo en la comunidad hubo un tutorial en el que se mostraba cómo acceder a la cámara web, puedes ir al enlace aquí.

En esos días el experimento sólo funcionaba haciendo algunos movimientos en Chrome 18, hoy (Chrome 20) ya no es necesario, tan solo con pedirle el hardware al usuario vía JavaScript y la función getUserMedia, por ahora con prefijos. De hecho es posible con algunas cosas externas hacerlo correr en Opera y en Firefox, incluso en la versión móvil del primero.

Por ahora no nos meteremos mucho con eso y sólo entenderemos cómo acceder a la cámara vía JavaScript usando Chrome 20 o superiores.

El tutorial ésta aquí:

Imagen de previsualización de YouTube

Lo interesante, en realidad, viene después. Luego de hablar un poco sobre ésta propiedad de HTML5 con Luis, fundador de la comunidad, empezamos a ver la posibilidad que había de poder hacer streaming usando sólo HTML5. Los resultados son los siguientes:

Nodejs + HTML5

Utilizando lo que vemos en el tutorial, Canvas y Socket.io se puede lograr lo que ves en pantalla, es streaming de video (directo de la cámara web) hacia otros navegadores. En realidad el problema vino cuando se testeo online, puesto que la trasmisión va aún demasiado lenta, estoy seguro que en la comunidad habrá alguien dispuesto a aportar a este experimento. ¿Qué opinas?

Lo que sigue, por ahora, es que crearemos una aplicación con estas funciones para crear una aplicación que tome fotos utilizando tu cámara, directo en el navegador.

comments powered by Disqus