https://github.com/parzibyte/fotos_js

Tomar foto con JavaScript para enviarla a PHP
https://github.com/parzibyte/fotos_js

camera chrome javascript javascript-camera photo-app php

Last synced: 5 months ago
JSON representation

Tomar foto con JavaScript para enviarla a PHP

• Host: GitHub
• URL: https://github.com/parzibyte/fotos_js
• Owner: parzibyte
• License: mit
• Created: 2018-10-22T14:26:01.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2019-07-18T22:14:57.000Z (about 7 years ago)
• Last Synced: 2025-05-16T06:03:04.904Z (about 1 year ago)
• Topics: camera, chrome, javascript, javascript-camera, photo-app, php
• Language: JavaScript
• Homepage: https://parzibyte.me/blog/2018/10/22/javascript-tomar-foto-camara-frontal-trasera/
• Size: 9.77 KB
• Stars: 22
• Watchers: 0
• Forks: 22
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 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](https://i1.wp.com/parzibyte.me/blog/wp-content/uploads/2018/10/Tomar-foto-con-c%C3%A1mara-trasera.jpg?w=720&ssl=1)

## Firefox en Windows

![Tomar foto con JavaScript en Firefox](https://i0.wp.com/parzibyte.me/blog/wp-content/uploads/2018/10/Firefox.png?w=717&ssl=1)

## Edge en Windows

![Tomar foto con JavaScript en Edge](https://i1.wp.com/parzibyte.me/blog/wp-content/uploads/2018/10/Edge.png?w=659&ssl=1)

## Chrome en Windows

![Tomar foto con JavaScript en Google Chrome](https://i0.wp.com/parzibyte.me/blog/wp-content/uploads/2018/10/Chrome.png?w=652&ssl=1)

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.