<!--
Ejemplo del uso de HTML5 y Javascript para visualizar
vídeo de una webcam en nuestro navegador
-->
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>test webcam</title>
</head>
<body>
<div>
<video id="visorVideo" autoplay controls ></video>
</div>
<!-- Código -->
<script>
// Capturamos el componente video que nos permitirá
// ofrecer en la pagina la imagen de la webcam
const visorVideo = document.getElementById('visorVideo');
// Definimos qué parámetros queremos capturar
// mediante la webcam: un stream de video y audio
const parametros = {
audio: true,
video: {
width: 1920, height: 1080
}
};
// Capturamos la imagen y la mostramos en el visor
async function capturarMostrarStream() {
try {
// Accedemos a la webcam y capturamos el stream
const stream = await navigator.mediaDevices.getUserMedia(parametros);
// Mostramos el stream en el visor
visorVideo.srcObject = stream;
} catch (e) {
console.log(e.toString());
}
}
// Lanzamos la captura
capturarMostrarStream();
</script>
</body>
</html>
No hay comentarios:
Publicar un comentario