Support for mobile media-capture form tags

[Aaron Wells]

See http://dev.opera.com/articles/media-capture-in-mobile-browsers/

HTML5 adds "capture" and "accept" attributes to the file input tag, that you can use to "capture" media from input devices on the browser:

<input type="file" accept="image/*" capture="camera">
<input type="file" accept="video/*" capture="camcorder">
<input type="file" accept="audio/*" capture="microphone">

Android & iOS both support this to some extent, and will provide a button to open the camera or gallery app.

We should start using these when the user is detected to be on mobile. Clearly they'd belong on the Image and Video blocks. For file upload it's a little bit trickier, since we're willing to accept any file type. For Android that means that the generic file input is fine (because Android will let you access the filesystem), but for iOS we'd need to do accept=image or accept=video. Perhaps a pre-selector element, where the user indicates whether they want to upload a video or a picture?

[Mahara Bot (dev-mahara)]

Patch for "master" branch: https://reviews.mahara.org/4155

[Mahara Bot (dev-mahara)]

Reviewed: https://reviews.mahara.org/4155
Committed: https://git.mahara.org/mahara/mahara/commit/c27de8d0e5f3f396efb84f888b2cfcd1d6103b7b
Submitter: Robert Lyon (<email address hidden>)
Branch: master

commit c27de8d0e5f3f396efb84f888b2cfcd1d6103b7b
Author: Son Nguyen <email address hidden>
Date: Tue Jan 13 11:02:35 2015 +1300

Support mobile media-capture feature for Image blocks. Bug 1385037

Currently only handle the 'image/*' mediatype

behatnotneeded

Change-Id: I496ebc8a4881d37a8162293fc23d3f47635a1fee
Signed-off-by: Son Nguyen <email address hidden>

[Kristina Hoeppner (kris-hoeppner)]

It actually also works for audio and video on my Android phone.