Typescript-ReactJS-WebRTC-1-N-SFU

Features

• WebRTC
• 1:N communication (SFU server)
• React with Typescript
• Node.js as a MediaServer(SFU server)
• Docker

How to start

1. Docker version

# server use 8080 port
# web use 8085 port
# You can connect to http://localhost:8085
cd Typescript-ReactJS-WebRTC-1-N-SFU
docker-compose up -d

2. Non-Docker version(Node.js and React.js)

You need to install Node.js

cd Typescript-ReactJS-WebRTC-1-N-SFU
cd server
npm install
node index.js
cd web
npm install
npm start

Performance test

1. devices

2. Settings

• all clients and server were in same devices
• a video conference style

Client side performance(Chrome browser CPU usage)

Server side performance(CPU usage)

3. Results

SFU Server (Media Server)

• The SFU server has lost its real-time performance since it had 6 clients.
• Some images were stopped when there were more than 7 clients.
• SFU Server had significantly higher CPU usage than Signaling Server.
• Client-side CPU usage decreased by approximately half when using SFU Server.

Signaling Server (P2P/Mesh)

• There was a slight delay as the client increased, but the video did not stop.
• The CPU usage of the Signaling Server was kept at 0.1%.
• As the number of clients increased, the CPU usage of the client increased significantly.

Previous Upload was...

• 1:1 (peer to peer) WebRTC https://github.com/Seung3837/Typescript-ReactJS-WebRTC-1-1-P2P
• 1:N (peer to peer) WebRTC https://github.com/Seung3837/Typescript-ReactJS-WebRTC-1-N-P2P

More Details...

• Korean
• English