Esse é um exemplo bem simples de como acessar a câmera do dispositivo, e capturar uma foto em tempo real.
Dê uma olhada no código fonte desta página para um exemplo completo de como tudo funciona.
Preview
Foto tirada
Tirar foto!
Download da foto (PNG)!
Download da foto (JPEG)!
Para mais informações sobre as tecnologias utilizadas:
- W3C - Media Capture and Streams
- MDN - Navigator.getUserMedia
- MDN - Taking webcam photos
- MDN - Using files from web applications
Esse exemplo não funciona no Internet Explorer 6, 7, 8, 9, 10 e 11 😥
Para testar a página em versões mais antigas do Firefox, talvez seja necessário habilitar a funcionalidade através do link about:config (atributo media.navigator.enabled)