streamer.html

<html>
<head>
    <title>Streamer</title>
</head>
<body>
    <video autoplay></video>

    <script>
        const video = document.querySelector('video')

        navigator.mediaDevices.getUserMedia({
            video: true,
            audio: true
        }).then(stream => {
        video.srcObject = stream
        stream.onactive = e => console.log(e)

        const ws = new WebSocket('ws://localhost:3000')

        const recorder = new MediaRecorder(stream, { mimeType: 'video/webm;codecs=vp8,opus' })
        recorder.ondataavailable = event => {
            console.log(event.data)
            ws.send(event.data)
        }

        recorder.start()
        setInterval(() => {
            recorder.stop()
            recorder.start()
        }, 200)
        })
    </script>
</body>
</html>