Update from 2012, November — you may want to read about newer approach to use camera from JS — webrtc and getUserMedia.

CamCanvas API 0.2

This is a demonstration of the CamCanvas JS API. The following box has a flash widget ( SWF ) object which requests permission to access your camera. In this sample, there are no server-side capture or requests going on after the page is loaded. If you allow the cam access and click the button capture, the captured image should appear in the second box bellow the live camera image. That box has a canvas HTML5 element.

For code information please visit the github repository.



The following box has a canvas tag. Pick one of the functions to render the image from the webcam to the canvas. Each function performs pixel operations to the webcam bits before drawing to the canvas element. To see the sample source code please check the CamCanvas JS API github repository samples.

Drop a Note

Drop your notes at my blog labs page. or write to me at mgalli at taboca dot com


Check my collection of canvas demos.
Copyright © 2009 Taboca
Marcio dos Santos Galli Informática - Brasil
mgalli at taboca dot com - write to us!

Online Projects

Our links..