Novos truques de HTML para desenvolvedores da Web no iOS da Apple

Cenário

A atualização recente do iOS 6 da Apple adicionou um bom suporte aos novos padrões da web para o Mobile Safari, o navegador da web padrão do iOS para iPhone, iPad e iPod touch.
A documentação da Apple permanece esparsa e ocasionalmente desatualizada, mas felizmente Max Firtman, autor de O’Reilly’s Programming the Mobile Web, tem um resumo completo de tudo o que há de novo no iOS para desenvolvedores web.

De longe, a maior novidade é o suporte para uploads de arquivos e acesso à câmera usando uma combinação da API File e da API HTML Media Capture. Para permitir que os usuários tirem uma foto de seu aplicativo da web, você usaria uma tag de entrada de arquivo semelhante a esta:

<input type="file" accept="image/*" capture="camera">

O suporte para captura de mídia do Mobile Safari está incompleto, então ele irá ignorar o atributo de captura, bem como qualquer valor para aceitar diferente de imagem ou vídeo, mas pelo menos os aplicativos da web agora podem capturar e fazer upload de imagens da câmera do iPhone.

Demonstrações:

<input type="file" accept="image/*" capture="camera">

<input type="file" accept="video/*" capture="camcorder">

<input type="file" accept="audio/*" capture="microphone">

Bom trabalho.