Calling the camera using Getusermedia

A fun API in HTML5 that allows you to call your computer's webcam, combine <video> tags and Canvas to take photos in your browser.

Here's what to note:

Because of security issues, Chrome has disabled many features (beginning with file:///) for local files. So if you just drag the HTML file into Chrome you can't see the effect (Getusermedia failed). This question puzzled me for a long time.

Workaround:

1. Use the IDE to see the effects, such as Webstorm.

2. Cooperate with the HTTP server. Like Python simplehttpserver. or Apache and so on.

3. Close all chrome windows (otherwise the parameter is invalid). Add the following parameters to the command line to start Chrome.

Chrome--allow-file-access-from-files

An example

<! DOCTYPE html>
Code reference from http://davidwalsh.name/demo/camera.php
Calling the camera using Getusermedia