Demostración
https://tomar-foto--parzibyte.repl.co/
Tomar foto con cámara web y JavaScript, además de dar la posibilidad de cambiar la cámara
Este código es compatible con Edge, Chrome y Firefox. También fue probado en Android usando Chrome. Debería funcionar en cualquier navegador basado en Webkit, o uno que esté actualizado.
Compatibilidad con navegadores
Google Chrome en Android
Firefox en Windows
Edge en Windows
Chrome en Windows
Debería funcionar completamente bien en Opera, y espero que en Safari también (aunque no he probado).
Explicación del código
Si quieres, puedes ver los posts en donde explico cómo es que funciona todo esto:
- Parte 1: tomar foto con JS y guardarla en PHP https://parzibyte.me/blog/2017/11/22/tomar-foto-javascript-camara-guardarla-servidor-php/
- Parte 2: actualización para el elemento vídeo https://parzibyte.me/blog/2018/04/04/tomar-foto-camara-web-javascript-actualizado/
- Parte 3: actualización para cambiar el dispositivo con el que se toma la foto, además de otras mejoras menores https://parzibyte.me/blog/2018/10/22/javascript-tomar-foto-camara-frontal-trasera/
Probar en línea
Si gustas, puedes probar este proyecto en este link:
https://tomar-foto--parzibyte.repl.co/
Tranquilo, no es inseguro. Agrega una excepción y continúa; si quieres cubre tu cámara; o descarga el código y alójalo en localhost o en un servidor con HTTPS.