Mostrar cámara web en ventana flotante con VLC

Windows – Mostrar cámara web en ventana flotante

En este post te mostraré cómo mostrar una pequeña ventana flotante cuyo contenido será el stream de una cámara web. Es decir, mostrar la cámara en una ventana.

Mostrar cámara web en ventana flotante con VLC

Mostrar cámara web en ventana flotante con VLC

Esto es útil para vigilar una cámara o grabar la pantalla de la computadora junto con la cámara. Aunque hay software que permite grabar la cámara junto con la pantalla, algunos no lo permiten o no permiten la personalización.

Con lo que te mostraré podrás tener la cámara en una ventana flotante y personalizable que puedes mover de lugar cuando quieras.

(más…)

Por parzibyte, hace
Referencia - Lado azul del conector de la cámara junto a conector de audio

Conectar e instalar cámara en Raspberry Pi 4

En este post te mostraré cómo conectar la cámara que dice “Rev 1.3” a la Raspberry Pi 4. Es básicamente una cámara que no se conecta por USB. Te enseñaré fotos para que puedas guiarte sobre la conexión.

Cámara rev 1.3 y Raspberry Pi 4

Cámara rev 1.3 y Raspberry Pi 4

Finalmente te enseñaré cómo habilitar la cámara y tomar fotos en la Pi. Por cierto, en el tutorial voy a suponer que usas Raspbian.

(más…)

Por parzibyte, hace
Lectura de Código de barras con dibujo en canvas - JavaScript con QuaggaJs

Leer código de barras con JavaScript y cámara

En este post te mostraré cómo leer códigos de barras en el navegador web ya sea de una computadora o dispositivo móvil, usando la cámara del teléfono o la cámara web; y el lenguaje nativo JavaScript.

Esto hace que podamos hacer nuestras aplicaciones web todavía más diversas y con más características; en un ejemplo simple se me ocurre escanear el código de barras para un sistema de ventas.

La librería que vamos a usar se llama QuaggaJS y es capaz de leer códigos de barras con formato EAN, CODE 128, CODE 39, EAN 8, UPC-A, UPC-C, I2of5, 2of5, CODE 93 y CODABAR.

Con esto, podremos leer códigos de barras en dispositivos móviles o computadoras en tiempo real.

(más…)

PHP: tomar foto con cámara y guardar en MySQL

En este post te mostraré cómo tomar una foto con la cámara web usando JavaScript; para más tarde enviarla a PHP y guardarla en una base de datos.

Recuerda que ya anteriormente vimos cómo hacer lo mismo pero guardando la foto en el disco duro, esto no es más que una modificación a lo que aparece en ese post.

Recomiendo encarecidamente que leas el post que menciono, pues aquí solo cambia la parte del guardado de la foto.

(más…)

JavaScript – Acceder a micrófono y cámara

En este post te voy a mostrar varios ejemplos de código para acceder al micrófono y a la cámara con JavaScript para, por ejemplo, tomar fotos, tomar vídeos y grabar audio.

El lenguaje de programación JavaScript puede interactuar con el micrófono y con la cámara de un dispositivo gracias a las APIs recientes que los navegadores han implementado.

Gracias a que podemos acceder a la cámara y al micrófono con JavaScript, se pueden crear aplicaciones con más características.

Además, se puede usar la cámara de una PC o la de un teléfono, al igual que el micrófono, y todo usando simplemente JavaScript.

(más…)

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…)

Tomar foto de webcam con Python

Introducción

Ya vimos cómo tomar una foto de la cámara web o de cualquier dispositivo utilizando Javascript. En aquel post, guardábamos la foto con PHP. Hoy veremos cómo tomar una foto con Python y guardarla en el sistema.

Nota: te invito a leer cómo tomar la foto y guardarla en PHP.

Nota 2: ya existe otra versión en donde usamos Flask para mostrar una previsualización y exponer la cámara en un servidor web.

(más…)

Tomar foto con Javascript y cámara para guardarla en servidor PHP

Introducción

Nota: ya hay una versión 3 de este código. En ese nuevo post explico cómo dar la posibilidad de que el usuario cambie la cámara, además de que introduzco otras mejoras y actualizaciones. Míralo aquí.

Nunca imaginé que algún día se podría tomar una foto y guardarla en un servidor usando código nativo de Javascript y la cámara del dispositivo. Eso abre un mundo de posibilidades que permite a nuestras aplicaciones tener más características.

Hoy mostraré aquí un pequeño tutorial que nos permitirá tomar una simple foto y subirla a un servidor que tendrá PHP. No se usará ningún framework, ni de Javascript ni de PHP.

Nota: debido a que vamos a tomar una foto con la cámara, debemos servir nuestra app en localhost (para hacer pruebas locales) o en un servidor con https. Es decir, nuestro código debe estar en un servidor con un certificado SSL, o corriendo en nuestra máquina.

Si te gusta programar en Python, te invito a leer cómo tomar una foto de la cámara web, utilizando Python.

(más…)