Skip to content

parzibyte/fotos_js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Tomar foto usando JavaScript  en Google Chrome sobre Android

Firefox en Windows

Tomar foto con JavaScript en Firefox

Edge en Windows

Tomar foto con JavaScript en Edge

Chrome en Windows

Tomar foto con JavaScript en Google Chrome

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:

  1. Parte 1: tomar foto con JS y guardarla en PHP https://parzibyte.me/blog/2017/11/22/tomar-foto-javascript-camara-guardarla-servidor-php/
  2. Parte 2: actualización para el elemento vídeo https://parzibyte.me/blog/2018/04/04/tomar-foto-camara-web-javascript-actualizado/
  3. 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.