WebRTC Video Chat

WebRTC-Demo-Overview.mp4

Features

• Group Video Calls
  • Peer to Peer streaming solution using WebRTC
    • Server does not need to touch or distribute video streams
• Video Controls

WebRTC-Demo-Controls.mp4

• Screen Sharing

WebRTC-Demo-Screen-Sharing.mp4

• Background Removal
  • The user can hide their background
  • Machine Learning body segmentation and background masking

WebRTC-Demo-Background-Removal-Close.mp4

• Fully Responsive

WebRTC-Demo-Responsive.mp4

• Text Chat
  • Messages can be sent between participants in a meeting
  • Messages are persisted in database and referenced to the meeting
    • A user can see messages sent before they joined

WebRTC-Demo-Chat.mp4

• WebSocket Signaling
  • External event notifications
    • User Join / Depature
    • Changes to meeting avalibility
  • User text messages
• Security Focused
  • JWT authentication
  • HttpOnly cookies
    • Tokens are never placed in localStorage
  • Refresh Tokens
  • Token are shared and validated between both WebSocket and HTTP endpoints
• User Accounts / Profiles
  • Users can upload profile images
  • User information is communicated between users
• Meeting Creation
  • Meetings can have icon images
  • Title, description, start and end times are stored.
• End to End Testing
  • Multi-browser simultaneous tests simulating multiple users interacting with each other
    • Signalling between users in a the same call (user join and departure messages)
    • Video call streams between users
    • Chat functionality
  • Allure reports

Written in React / Typescript.