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.
amigo quiero que me ayudes con el codigo para el video chat y grabar la parte del audio, me puedes ayudar.
hola uriel cordial saludo desde Colombia sabes mi pregunta es esta como valido un correo para cuando ingrese los caracteres correctos el me los acepte
disculpa he escrito el codigo pero no me funciona, lo pruebo con chrome, dime eso de webkit es algo que se instala?
Eso viene implementado en la actualización de Chrome
Hola como puedo emitir el audio del microfono utilizando el websoket
Hola hice los programas pero al momento de ejecutarlos el navegador chrome no me permite activar la cámara, como lo puedo solucionar?
Disculpe estoy desarrollando algo que necesita ser multi-navegador de grabación de audio ya he probado de todas las formas. Si podría echarme una mano le agradezco.
¿Necesitas grabar audio del lado del cliente con HTML5 ó Flash?