arrow_back
Introduction
Intro to course
What is Mesh architecture
How webRTC works behind scenes
Signaling Server
STUN server
What is SDP
TURN server
ICE Candidates
Preparing Environment
Node.js Installation
Creating server & Installing dependencies
Initializing Basic server logic
Scaffolding React app
Creating Client Side
Creating pages & setting up routing
Creating intro page
Creating Join page
Creating Room Page Layout
Creating room label
Creating participants section
Creating group chat section
Creating Video Controls
Microphone Button
Camera Button
Screenshare Button
Hang up Button
Fixing scroll issue
Adding theme
theme folder
Toggle Theme Button
Managing App State
Adding navigation to intro page buttons
Making Controlled Inputs
Managing user role
Setting up redux store
Creating app slice
Setting roomID in store
Visualizing Redux store
Customising Join Page
Cancel join button
Checking if room exists
Creating JoinRoom Handler
Making API call & handling error
Storing name and meeting ID in redux store
Testing host & join room
Storing themeMode in redux store
Storing connect only with audio preference
Creating signaling server
Preparing for room connection
Getting local stream
Creating loading overlay
Creating connection with Socket.io server
Connecting to socket.io server from client side
Emitting an event to server to create new room
Testing event emitted for creating new room
Creating create new room handler
Gettting Room ID from server
Showing Real users connected to Room in participants list
Creating join room handler
Testing joining room
Leaving room
Closing room if none user left
Implementing webRTC
Reacp of webRTC connection
Prepare for connection
Handle connection prepare event
Starting with simple peer
Handling stream event
Handling signal event
Passing signaling data to connected users
Emitting event - connection init
Displaying incoming stream
CSS File
Displaying Incoming Streams
Cannot read property 'call' of undefined
Testing webRTC Connection
Setting video resolution
Fixing Participants List Bug
Removing Peer Connection when user disconnects
Testing Leave room functionality
Adding room controls
Mute Microphone Functionality
Disable video functionality
Testing audio & video controls
Screen sharing - preview
Fixing bug with disabling screen share
ScreenShareFunctions
Switching video tracks
Audio Call
Connecting only with audio
Creating only audio label
Fixing small bugs
Creating TURN server
Fetching TURN server credentials from Twilio
Implementing TURN server in Peer Connection
Codebase
webRTC-advanced-app