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
Ligar câmera
■
Inverter horizontalmenteTirar 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)