Capture images in web browser

Question

I am working on Image Processing projects.

I want to capture the images(Face) from the web-camera using web browser and i am not allowed to install any additional plug-ins.

Currently, i am using Flex/Flash to capture the images.As per the requirement, i am also not allowed to use Flex/Flash.

Is there any package to capture images from webcamera?

Note: Actually, i want to apply some image processing algorithms like face Detection , filters at browser end. I will be good if the same package used for image capturing has some image processing algorithms.

Updated by author of the post: Can anybody tell me the possibility with webgl?

Answer 1

If you wanted to let users take a snapshot of themselves with the webcam, that's possible with capture=camera in one line using HTML5's getUserMedia/Stream API. here is how:

<input type="file" accept="image/*;capture=camera">

Supported in latest chrome, firefox & opera. for others, flash or other plugins are the only option.

Link: can I use webcam

Answer 2

As Gaurish mentions, getUserMedia is what you can use for this, although its cross-browser support is not guaranteed.

To see how you can use this, and canvas to get the image, take a look at Filtering a webcam using getUserMedia and HTML5 canvas which uses it.