foto

Tomar foto con JavaScript y descargarla como imagen PNG

Tomar foto de cámara web con JavaScript y descargarla como imagen

En mi blog he hecho varios posts sobre tomar fotos con la cámara web desde JavaScript, para enviarlas a PHP; pero nunca he hecho un ejemplo sin usar PHP.

Es por ello que hoy voy a explicar cómo tomar una foto de la cámara web (igualmente de la cámara trasera o delantera en los dispositivos compatibles) y guardarla o descargarla directamente como archivo, sin usar código del servidor.

Tomar foto con JavaScript y descargarla como imagen PNG

Tomar foto con JavaScript y descargarla como imagen PNG

El código para tomar la foto funciona en varios dispositivos con un navegador actualizado, desde teléfonos y tabletas Android, iPads y más.

(más…)

parzibyte

JavaScript: tomar foto con cualquier cámara (frontal y trasera)

Introducción

Ya estamos aquí con un tercer post sobre tomar fotos con JavaScript. Este tutorial ofrece una nueva característica y es la de dar al usuario elegir cuál cámara usar para tomar la foto. En los posts anteriores únicamente tomaba de la cámara por defecto, y en algunos navegadores (Chrome, cof cof) no permite cambiar la cámara con la que se toma.

Afortunadamente eso no importa, porque podemos obtener la lista de dispositivos y cambiarlos como se nos dé la gana.

Por cierto, este post está más actualizado; usa constantes, querySelector y otras cosas que los anteriores no. Si bien esto no afecta el funcionamiento, nos da un código más bonito y entendible.

Pero basta de hablar, que hablar es de mal gusto; vamos a ver el código.

(más…)

parzibyte

Tomar captura o foto de nuestro código fuente con VSCode y Polacode

Introducción

Con Polacode podemos tomar una foto a nuestro código fuente. Su nombre viene de combinar “Polaroid” y “Code”, Polaroid creo que es una marca de cámaras o algo así.

El código fuente, cuando es escrito correctamente, es bello. Es como leer un poema, como ver una obra de arte que puede ser entendida por casi cualquier persona.

A veces es necesario tomar captura de nuestro código, ya sea para exponerlo, mandarlo o cosas así que no logramos copiando y pegando.

Además, al tomarle captura o convertirlo en imagen conserva los colores, las indentaciones y todo lo demás; en pocas palabras conserva su belleza.

Veamos entonces cómo tomar una foto de nuestro código, y no me refiero a una foto con una cámara real, ni tomando captura, sino con una extensión que tiene una de las cosas buenas que ha inventado Microsoft aparte de Office: Visual Studio Code.

Por cierto, anteriormente ya vimos cómo imprimir nuestro código fuente conservando colores, sintaxis y esas cosas.

(más…)

parzibyte