Take a picture with mobile using javascript

Question

I'm looking for a way to take a picture with a phone/tablet on my website, the behavior should be :

• The user click a "camera" button.
• The mobile camera show on.
• The user take a picture
• The picture is stored into a variable for a future usage

I can't figure out how to do that, i heard that the "phonegap" framework does that but i can't use it since i'm on a MVC c# project. It seems to me that it will be hard to reproduce since i doubt that a web site have the right to launch any app from the mobile.

Is there a way to do that using javascript ? Any solution ?

Solution

You can use the HTML5 getUserMedia() API, which is explained in this article: http://www.html5rocks.com/en/tutorials/getusermedia/intro/

Be careful: not all browsers support this (yet). For a detailed list of supporting browsers, take a look at this page: http://caniuse.com/#feat=stream

Comments

[Jonny]

navigator.mediaDevices.getUserMedia is not accessible for Chrome/FF in iOS (Safari only).