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í:
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:
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.
que bien que Html5 tenga estas funcionalidades preparadas, te quedo nice el tutoriales, exitos!!!
wooow genial tutorial amigo, no nomas me enseño sobre multimedia con html5, si no también funciones que no conocía de Javascript!
gracias por el video!
Excelente. He leido el tuto para hacer columnas en CSS, y entre a este por curiosidad, ya que es muy interesante para nuestro proyecto. ¡Muchas gracias por compartir!
Te falto colocar la segunda parte para el streaming, quisiera saber si me podes enviar info a mi eMail, te lo agradecería mucho, gracias.
¿Qué error te manda?
Muy buen tutorial. Pero lo trate de hacer tal y como lo haces pero no me carga la camara. Me podrias ayudar??
Hola Uriel muy interesante sobre como mostrar video y tener audio en html5, sabes ahora esto lo que has hecho, se podrá también grabar video y además poder guardarlo en nuestro equipo??
Te hago esta pregunta ya que en una comparativa de html5 con flash, esto no puede hacerse en html5 y en flash si.
Gracias y que tengas buen día.
Se puede o al menos se podrá, aquí mismo hay un tutorial sobre cómo grabar audio en html5.
estimado
hay alguna forma de grabar el video que trasmito en el servidor ya que mi idea es que la persona que acceda a la camara pueda subir su video de forma directa a mi web como streaming y poder grabarlo.
atte.
un excelente aporte a la comunidad, gracias
Buenas Noches, serias tan amable de indicarme, como puedo capturar e video y guardarlo en un archivo. Gracias
No creo que sea posible, apenas se está trabjando en capturar audio, de hecho hay un tutorial de eso aquí en la comunidad.