Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » Programación de Gráficos » Camara web

Programación de Gráficos - Camara web

Volver
Nuevo Tema
<<>>
 
Vista:

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 claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Alejandro

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:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!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 claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar