Acesso à câmera pelo navegador

Estamos criando um site HTML5 para dispositivos móveis e precisamos obter acesso à câmera por meio do navegador da Web sem ser um aplicativo nativo. Estamos com problemas para fazer esse trabalho no iOS. Alguém está ciente de uma solução para isso?

Você pode tentar o seguinte:

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

mas deve ser o iOS 6 ou superior para funcionar. Isso lhe dará um bom diálogo para você escolher tirar uma foto ou fazer upload de uma do seu álbum, ou seja,

Um exemplo pode ser encontrado aqui: Capturando dados da câmera / imagem sem o PhoneGap

A partir de 2015, agora apenas funciona .

<input type="file">

Isso solicitará ao usuário o upload de qualquer arquivo. No iOS 8.x, pode ser um vídeo da câmera, uma foto da câmera ou uma foto / vídeo da Biblioteca de Fotos.

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

Isso é o descrito acima, mas limita os envios a fotos apenas da câmera ou da biblioteca, sem vídeos.

No iOS6, a Apple suporta isso por meio da <input type="file">tag. Não encontrei um link útil na documentação do desenvolvedor da Apple, mas há um exemplo aqui .

Parece que sobreposições e funcionalidades mais avançadas ainda não estão disponíveis, mas isso deve funcionar em muitos casos de uso.

EDIT: O w3c tem uma especificação que iOS6 Safari parece implementar um subconjunto de. O captureatributo está notavelmente ausente.

Eu acho que este está funcionando. Gravando um vídeo ou áudio;

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

ou (novo método)

<device type="media" onchange="update(this.data)"></device>
<video autoplay></video>
<script>
  function update(stream) {
    document.querySelector('video').src = stream.url;
  }
</script>

Caso contrário, provavelmente funcionará no ios6, mais detalhes podem ser encontrados em obter mídia do usuário

O aplicativo Picup é uma maneira de tirar fotos de uma página HTML5 e enviá-las ao seu servidor. Requer alguma programação extra no servidor, mas, além do PhoneGap, não encontrei outra maneira.

Essa pergunta já tem alguns anos, mas nesse período algumas possibilidades adicionais evoluíram, como acessar a câmera diretamente, exibir uma pré-visualização e capturar instantâneos (por exemplo, para leitura de código QR).

Este artigo do Google Developers fornece uma explicação detalhada de todas (?) Maneiras de obter dados de imagem / câmera em um aplicativo Web, de "trabalhar em qualquer lugar" (mesmo em navegadores de desktop) a "trabalhar apenas em sistemas modernos e atualizados" dispositivos móveis com data ". Juntamente com muitas dicas úteis.

Métodos explicados:

• Peça um URL
• Entrada de arquivo (abordada pela maioria das outras postagens aqui)
• Arrastar e soltar (útil para navegadores de desktop)
• Colar da área de transferência
• Acesse a câmera interativamente (necessário se o aplicativo precisar fornecer feedback instantâneo sobre o que "vê", como códigos QR)