Building Video Call App with Javascript, Supabase and WebRTC

Building Video Call App with Javascript, Supabase and WebRTC
Published 4/2025
Duration: 5h 1m | .MP4 1280×720, 30 fps(r) | AAC, 44100 Hz, 2ch | 1.99 GB

Learn how to build video call app using Javascript, HTML, CSS, Socket IO, WebRTC, and Supabase

What you’ll learn
– Learn how to build video call app using Socket IO and WebRTC
– Learn the basic fundamentals of WebRTC, such as getting to know its use cases, technical limitations, and main features
– Learn how to create Socket server and join room logic
– Learn how to create SDP offer answer exchange using Socket IO
– Learn how to setup Supabase storage for user authentication
– Learn how to build basic user authentication system
– Learn how to create functions for login, signup, and logout
– Learn how to create function for joining video call room and structure host approval workflow
– Learn how to create WebRTC peer connection and send SDP offer
– Learn how to create functions to handle SDP offer and answer
– Learn how to create functions to generate meeting room ID, mute audio, and mute video
– Learn how to design video call app dashboard
– Learn how to design login and signup page
– Learn how to style video call app user interface with CSS
– Learn how to conduct performance and functionality testings
– Learn how WebRTC works in video call app by capturing user media, creating peer connections, exchanging metadata, establishing peer-to-peer streams

Requirements
– No previous experience in WebRTC is required
– Basic knowledge in Javascript and HTML

Description
Once it has been set up, we will establish the peer to peer connection using WebRTC protocols.

This allows users to directly connect and communicate without relying on a centralized media server, ensuring low latency and high quality streaming. Then, after that, we will create functions to allow users to mute and unmute their audio and video streams during a call.

This feature gives users full control over their communication and privacy throughout the session. Afterward, we will design a clean and user-friendly interface using HTML and CSS.

This ensures the application is easy to use and visually appealing. Lastly, at the end of the course, we will test the video call app using two testing methods, performance testing and functionality testing. By doing so, we will be able to ensure the app runs smoothly under different conditions and all features work as expected.

Below are things that you can expect to learn from this course:

Learn the basic fundamentals of WebRTC, such as getting to know its use cases, technical limitations, and main features

Learn how WebRTC works in a video call app. This section covers user media capture, creating a peer connection, signaling to exchange metadata, offer answer exchange, interactive connectivity establishment, establishing peer to peer connection, streaming media, maintaining connection, and handling disconnect

Learn about video call app features like user authentication, real time video and audio communication, join request host approval system, and audio video muting

Learn how to build video call app using Socket IO and WebRTC

Learn how to install Express JS and Socket IO

Learn how to create Socket server and join room logic

Learn how to create SDP offer answer exchange using Socket IO

Learn how to setup Supabase storage for user authentication

Learn how to build basic user authentication system

Learn how to create functions for login, signup, and logout

Learn how to create function for joining video call room and structure host approval workflow

Learn how to create WebRTC peer connection and send SDP offer

Learn how to create functions to handle SDP offer and answer

Learn how to create functions to generate meeting room ID, mute audio, and mute video

Learn how to design video call app dashboard

Learn how to design login and signup page

Learn how to style video call app user interface with CSS

Learn how to conduct performance and functionality testings

Who this course is for:
– Software engineers who are interested in building video call app with WebRTC and Socket IO
– Tech entrepreneurs who are interested in adding video call features to their apps or softwares
More Info

Please check out others courses in your favourite language and bookmark them
– – – –