Programación de Gráficos

Camara web

Publicado por Hernan Horacio (1 intervención) el 27/09/2002 05:34:55

Como puedo ver una imagen en tiempo real de una camara web en una pagina HTML

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Acceso a la cámara web con OpenCV y Flask

Publicado por Alejandro (110 intervenciones) el 04/04/2024 17:22:28

Hernán, para ver una imagen en tiempo real de una cámara web en una página HTML, puedes utilizar JavaScript y la API de getUserMedia(). Aquí hay un ejemplo de cómo hacerlo:

1. Primero, crea un archivo HTML y nómbralo "index.html".

2. Dentro del archivo HTML, agrega el siguiente código:

<!DOCTYPE html>

<html>

<head>

    <title>Ver imagen en tiempo real de la cámara web</title>

</head>

<body>

    <video id="video" autoplay></video>

    <script>

        // Acceder a la cámara web y mostrar el video en el elemento de video

        navigator.mediaDevices.getUserMedia({ video: true })

            .then(function(stream) {

                var videoElement = document.getElementById('video');

                videoElement.srcObject = stream;

})

            .catch(function(error) {

                console.log('Error al acceder a la cámara web: ', error);

});

    </script>

</body>

</html>

3. Guarda el archivo "index.html" y ábrelo en tu navegador.

Cuando cargues la página, se te pedirá permiso para acceder a la cámara web. Después de dar permiso, verás el video en tiempo real de tu cámara web en el elemento de video.

Recuerda que este código solo muestra el video en tiempo real de la cámara web. Si deseas realizar acciones adicionales, como tomar una captura de pantalla o aplicar filtros, deberás agregar más código JavaScript para manejar esas funcionalidades específicas.

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar

Programación de Gráficos - Camara web