webcam, processing y el getUserMedia API
Dele ‘allow’ al request de la webcam, es solo para usted. (ni yo ni nadie podemos ver esa captura ni hacer uso de ella, es solo para que pueda ver el experimento)
El otro día estuve jugando a hacer filtros reinterpretando la información de la webcam con la librería processing.video.* y me surgió la pregunta por cómo hacer para subirlos a internet. Yo ya había visto algo del getUserMedia API de html5 en los videos interactivos de Arcade Fire, pero el asunto era pegarlo con mi sketch traído de Processing. Tenía un primer problema y es que como casi todas las librerías de processing, la librería de video nunca fue o no ha sido traducida a javascript, por lo que me tocaba inventarme una forma de prescindir de ella. Una vez solucionado eso solo quedaba entonces buscar el código y pegarlo con mi sketch pasado a processing.js.
Como con todo en internet ya había alguien que lo había hecho (en este caso el siempre diligente Makio135), así que me agarré de ese código y lo pongo acá por si a alguien le sirve para hacer experimentos más interesantes que el mío. No lo voy a explicar línea por línea porque no lo entiendo completamente..
Básicamente lo que hace es programarle el request de captura de video al usuario, hacerle un streaming a esa captura con el tag <video>, reinterpretar la información de los pixeles de ese <video> con el sketch de processing en un <canvas> y finalmente ocultar el streaming original para que solo se vea lo que está haciendo processing. Así que pues aquí lo dejo:
