A rudimentary clone of Google Meet built on React and Node which uses P2P connections to stream video and audio. While the users are connected via a video call they can also send text messages to each other.
Please see anantSinghCross/google-meet-clone-server for the server implementation.
The live demo is hosted on Render. If you don't see the ID please wait for a few seconds for the server to spin up.
express- To create a simple app server (Why?)socket.io- To use WebSockets for server.socket.io-client- To use WebSockets for client.simple-peer- For establishing P2P connections and streaming of data.tailwindcss- For styling.
- Visit Google Meet Clone.
- Open another client. If you want to test it out on the same device you'll need to open another tab in the same browser.
- Copy the socket ID of the other user in the form and click on Call.
- Let the other user accept your call from the notification on the bottom right of the screen.
- Both the video feeds and the chat interface will be visible.
A bare-bones express node server that helps in the handshake required to initiate a P2P connection between 2 clients. That's all it does.
I've tried to create the below diagram of the system to demonstrate the handshake process.
And the below diagram demonstrates the P2P connection (after the handshake) that is used by the Peers to stream data.
