\ Antonio

Mentre creiamo siti web, soprattutto nella parte dei contatti, ci è venuto in mente di consentire all’utente di poter caricare foto o video direttamente dallo smartphone o tablet, senza bisogno di avere un pc o mandare il file tramite mail. Prima dell’avvento dell’HTML5 si faceva affidamento a plugin dei vari browser, come Flash o Silverlight, con vari problemi di usabilità. Ad esempio chi non aveva Flash installato dove installarlo, chi  aveva una vecchia versione del plugin dove aggiornarle e così via. Finalmente con l’introduzione dell’HTML5 tutto è cambiato, ora grazie all’elemento input possiamo accedere alla fotocamera del nostro device.

Accesso alla fotocamera

Per accederci basterà inserire questa riga di codice HTML per fare una foto:

  • <input accept=”image/*” type=”file” />

Per verificare l’efficacia del codice, clicca sul bottone:

Accesso alla videocamera

Se invece si vuol permettere all’utente di registrare un video, il codice da inserire è il seguente:

  • <input accept=”video/*;capture=camcorder” type=”file” />

Per verificare l’efficacia del codice, clicca sul bottone:

Accesso al microfono

Se invece si vuol permettere all’utente di registrare solo l’audio, il codice da inserire è il seguente:

  • <input accept=”audio/*;capture=microphone” type=”file” />

Per verificare l’efficacia del codice, clicca sul bottone:

Come possiamo vedere, con una linea di codice HTML possiamo offrire un servizio in più all’utente, permettendo di caricare foto e video direttamente dal device, senza più bisogno di dover ricorrere ad un pc.

Se l’articolo ti è piaciuto, lascia un like sulla nostra pagina Facebook, commenta o dai un voto, insomma….Facci capire se ti è piaciuto o meno.

Commenti

Seguici sui social
Post Popolari