WorldMeeting

A multi-user real-time audio and video communication application based on WebRTC. See the demo at: https://world-meeting.herokuapp.com

Features

• Join/leave room
• Call with video/audio
• Send messages/files

Local deployment

Frontend:

yarn
cd frontend
yarn
yarn dev

Then open: https://localhost/#/

Backend:

cd backend
yarn
yarn dev

Test in different networks

1. Download ngrok

2. Run the http command to forward the local dev server to public network

   ngrok http 443

3. Inspect the app using the xxx.ngrok.io link

How it works

• Use native RTCPeerConnection to form a Mesh topology network in a single room
  • Each client maintains (n - 1) RTCPeerConnection to connect with different users in the same room
• Use Socket.IO backend as a signal to help discover different users, passing signals, user updates and messages

Deploy to Heroku

heroku create
git push heroku main
heroku ps:scale web=1
heroku open

References

1. https://github.com/vuejs/rfcs/blob/master/active-rfcs/0040-script-setup.md
2. https://socket.io/docs/v4/listening-to-events/
3. https://socket.io/docs/v4/emit-cheatsheet/
4. https://socket.io/docs/v4/client-initialization/
5. https://github.com/webrtc/samples
6. https://webrtc.org/getting-started/firebase-rtc-codelab
7. WebRTC 技术详解, 栗伟
8. WebRTC 音视频实时互动技术——原理、实战与源码分析, 李超
9. https://www.youtube.com/watch?v=RPireLVSPAo
10. https://github.com/coturn/coturn
11. https://meetrix.io/blog/webrtc/coturn/installation.html