HTML5: accedere alla videocamera e alla galleria di foto dei dispositivi mobili
HTML Media Capture è compatibile con i seguenti browser mobili:
- Browser di Android, dalla versione 3.0 in poi
- Chrome per Android
- Firefox Mobile 10.0
- Safari e Chrome su iOS6
L'implementazione è banale, basta infatti aggiungere gli attributi capture e accept a un semplice tag <input>:
<input accept="image/*" capture="camera" type="file" />
L'immagine scelta viene poi salvata dal browser in un file temporaneo, accessibile tramite javascript e utilizzabile sia per un semplice POST su un form ma anche per l'utilizzo all'interno della nostra app (e senza utilizzare le primitive di PhoneGap).
Ho realizzato un semplicissimo demo, accessibile da QUESTO INDIRIZZO, questo è il sorgente: