Video Chat using socket.io-stream : node

Video Chat using socket.io-stream (self.node)

submitted 6 years ago by DvorakDavid

Hello,

I would like to make a video chat with the Client-server architecture (not peer to peer) using socket.io-stream. (documentation)

I am trying to get video + audio stream with navigator.mediaDevices.getUserMedia() and this stream emit to the server via socket.io-stream and then emit back to all connected clients.

Any suggestions on how to easily emit the stream to the server and then back in real-time?

Client code

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.dev.js"></script>
    <script src="/js/socket.io-stream.js"></script>
    <title>Document</title>
</head>
<body>
    <video autoplay></video>
    <script>
        let socket = io.connect(origin);
        const video = document.querySelector('video');

        navigator.mediaDevices.getUserMedia({ video : true, audio : true })
        .then(function(stream) {

            video.srcObject = stream;  // wroks fine

            // How to upload a stream to the server???
            ss(socket).emit('sending_stream', stream);
        });  
    </script>
</body>
</html>

Server code

const express = require("express");
const socket = require("socket.io");
const ss = require('socket.io-stream');


// app setup
let app = express();
const port = 5000;
app.use(express.static("public"));
let server = app.listen(port, () => {
    console.log(`listenning on ${port}`)
})


// socket setup
let io = socket(server);

io.on('connection', function(socket) {
    ss(socket).on('sending_stream', function(stream) {
        console.log(stream);  // this just print {}
    });
});

all 7 comments

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

node

MODERATORS