Using getUserMedia/Stream API with iOS 6

Question

I am trying to build a web app that will allow users to use the built in camera on an iPad to take a picture or video of themselves and then post it to Facebook. So far I have had no luck when testing getUserMedia() in Safari for iOS 6 or the Chrome app.

This info graphic shows that it is not supported by Safari with iOS 6 but it should work with Chrome, no?

http://caniuse.com/stream

Any help would be much appreciated.

Answer 1

Currently the only way for mobile Safari to get an image from the camera (or photo roll) is with an input element. It is quite simple:

<input id="image-picker" type="file" accept="image/*" />

Then in js:

$("#image-picker").change( function (event) {
  var files = event.target.files;
  if (files.length>0) {
    // Do something with files[0]
  }
});