Typescript-ReactJS-WebRTC-1-N-P2P
Typescript-ReactJS-WebRTC-1-N-P2P copied to clipboard
Published
20 hours ago •
millo-L
millo-L
simple 1:N P2P WebRTC with ReactJS, Typescript, Node.js
Typescript-ReactJS-WebRTC-1-N-P2P
Features
- 1:N communication (peer to peer)
- React with Typescript
- Node.js as a Signaling 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-P2P
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-P2P
npm install
node server.js
cd web
npm install
npm start
If you want to increase the total number of people change server.js file
// change maximum value
16 const maximum = 4;
Performance test
1. devices
| device | description |
|---|---|
| CPU | AMD Ryzen 5 3600 6-Core Processor 3.59GHz |
| RAM | 32GB |
| GPU | NVIDIA GeForce RTX 2060 SUPER |
| OS | Windows 10 Pro |
2. Settings
- all clients and server were in same devices
- a video conference style
Client side performance(Chrome browser CPU usage)
| the number of users | P2P/Mesh(Signaling Server) | SFU(Media Server) |
|---|---|---|
| 2 | 4% | 5% |
| 3 | 10% | 8% |
| 4 | 22% | 9.5% |
| 5 | 34% | 18% |
| 6 | 47% | 25% |
| 7 | 64% | 30% |
| 8 | 80% | 30% |
Server side performance(CPU usage)
| the number of users | P2P/Mesh(Signaling Server) | SFU(Media Server) |
|---|---|---|
| 2 | 0.1% | 2% |
| 3 | 0.1% | 13% |
| 4 | 0.1% | 24% |
| 5 | 0.1% | 32% |
| 6 | 0.1% | 41% |
| 7 | 0.1% | 48% |
| 8 | 0.1% | 50% |
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-react-webrtc-1-1
More Details...
Next Upload is...
- https://github.com/millo-L/Typescript-ReactJS-WebRTC-1-N-SFU
millo-L