Practical WebRTC: A Complete WebRTC Bootcamp for Beginners

Name: Practical WebRTC: A Complete WebRTC Bootcamp for Beginners
Rating: 4.4 (427 reviews)

The most practical WebRTC course on the Internet. Master this technology of the future by making 2 Real World Apps.

Created byAjay Warrier

Last updated 1/2021

English

What you'll learn

What is WebRTC and Why is it Important
How does WebRTC work
Build 2 Practical WebRTC Applications ( A Real time chat app and a Video Chat Application)
The different protocols used in WebRTC

Course content

4 sections • 47 lectures • 3h 26m total length

Welcome to the world of WebRTC2:44
WebRTC enables real-time communication on the web and mobile devices. It is one of the hottest technologies to learn right now. So what are you waiting for? Let's get started.
Prerequisites for the Course1:06
You will need the basics of HTML, CSS, and Javascript to make the most of this course. If you have that covered, you're are all set to be an expert in WebRTC.
A Never Ending Course1:27
A lecture explaining the state of this course today and for the upcoming years.
Why WebRTC?2:16
Knowing the Why makes everything easier. In this lecture, we talk about why WebRTC came into existence.
How Does WebRTC Work?6:24
A more clear picture on how WebRTC works under the Hood.

Websockets2:20
A brief introduction about Websockets, an important technology that helps us make real-time applications.
Setting up the Environment2:34
In this lecture, we will be setting up our workspace so that we can start working on our first project.
Setting up the Project3:34
In this lecture, we will setup our project and install all the packages we need to get started.
Running our Express Server2:23
In this lecture, we will learn how to start an express server and make it listen to a unique port.
Real Time Chat Application Github0:41
In this lecture, I will tell you how to find the codebase of the Real-Time Chat project on Github.
Bringing HTML into the mix2:24
In this lecture, we will learn how to configure our express server so that it sends back HTML files on client requests.
Design of our Chat Application1:00
We will design our chat application with a basic UI.
Implementing Websockets6:19
In this lecture, we will connect our server and client with the power of Websockets.
Finishing off our Chat Application9:15
In this lecture, we will complete the development of our chat application.
Let's Celebrate, You made it.1:01
Congratulations! You just made a Real-Time Chat Application.

Introduction to WebRTC Protocols3:03
In this lecture, we will start our journey through the large collection of protocols that enable WebRTC to function.
SDP4:26
Let's talk about our first protocol, Session Description Protocol.
ICE2:23
RTP,RTCP5:17
Explore how RTP and RTCP enable real-time audio and data streams by defining packet formats and labeling, monitoring bandwidth and packet loss, and suppressing silent packets to save bandwidth.
SCTP2:55
DTLS and SRTP2:47
DTLS and SRTP secure web real-time communications by exchanging certificates during signaling. These security protocols ensure only the communicating parties can decrypt video, audio, and data streams.
Why Do We Need Turn Server (Story Mode)10:49
Protocols in Action6:28
In this lecture, we will see how all these protocols come together in a live demo.

Setting Up Our Video Chat Application5:48
In this lecture, we will setup our project and install all the packages we need to get started.
Video Chat Application Github0:31
In this lecture, I will tell you how to find the codebase of the Video Chat project on Github.
Getting User Media10:46
Learn how to access the user's camera and microphone using getUserMedia, set media constraints, handle success and error callbacks, and display the stream in a video chat room.
Getting Started with our Signaling Server13:19
In this lecture, we will start implementing our Signalling Server.
Making a Signaling Server8:19
In this lecture, we will learn how to send signals back and forth between our clients using our signaling server.
Setting up Client Side Events6:12
In this lecture, we will write the logic for the events created, joined, and full on the client-side.
UPDATE: Getting User Media Deprecated Solution3:25
The old getUserMedia function was deprecated. So here is how you can use the new one.
RTCPeerConnection and ICE9:48
On Track Function3:38
In this lecture, we will implement another function which is part of the RTCPeerConnection Interface, ontrack.
Adding Media Tracks2:56
In the previous lecture, we learned how to display tracks received from the peer on the other side. In this lecture, we will focus on sending media tracks from our end to the end of the peer.
Creating an Offer2:02
In this lecture, we will learn to create an offer at the end of the caller or person who created the room using RTCPeerConnection.createOffer()
Fixing our Mistakes3:01
We made a small mistake while adding our Stun Server, we will fix that and also log our offer message to discover it's structure.
Offer and Answer6:27
In this lecture, we will learn the dynamics between offer and answer along with their importance in making WebRTC work.
Finishing up our Video Chat Application4:22
The lecture you have been waiting for. In this lecture, we complete the implementation of our Video Chat Application.
EXTRAS: ES5 to ES61:00
How to port the code from ES5 to ES6 which is the newer version of JavaScript.
Summing Things Up2:42
A Quick Summary of everything we learned in this section.
EXTRAS: Upgrading the Video Chat Application6:30
In this lecture, we will start adding some more additional functionality to the video chat application
EXTRAS: Implementing Mute and Hide Camera9:08
In this lecture, we will be Implementing Mute and Hide Camera Buttons
EXTRAS: Implementing the Leave Room Button13:29
In this lecture, we will implement the leave room button and then test our new and improved Video Chat.
EXTRAS: One Final Change and Github Repo1:57
In this lecture, we'll make one small change to our application code and I will show you how to find the code for this updated version of the app on Github.
BUG FIX: Creating Multiple Rooms2:29
Fixing the bug that stopped the creation of multiple rooms.
EXTRAS: Private Network, Safari and iOS Support2:58
Adding Safari, iOS support to our video chat application.
BUG FIX: Fixing Feedback issue0:48
In this lecture, we will fix the feedback issue on our application.
Until We Meet Again1:41
Thank you so much for being a part of this course. This is not a full stop, it's a semicolon.

Requirements

HTML
CSS
JavaScript
A Basic understanding of how the Web works.
The perseverance to learn a complex technology like WebRTC.

Description

WebRTC is one of the most revolutionary technologies of the present. It is widely used in popular applications like Discord, Zoom, Google Meet. The use cases of WebRTC go beyond communication as it is also behind gaming consoles like Google Stadia and can be used for untapped use cases like Peer-Peer File sharing.

WebRTC is not just the present, it is also the future as we shift more and more towards cloud infrastructure. The true potential of WebRTC is limited primarily due to the lack of knowledge around the subject. WebRTC is a culmination of the development of Internet technology over the last 20 Years. It uses several protocols that have existed since the year 2000. This makes it a very complex technology to learn. The goal of this course is to smoothen this learning curve while not losing focus on the concepts that make it such a powerful technology.

This is a very practical oriented course. We will be making 2 Real World Applications. A Real-time chat application as well as a Video Chat Application. Not just that, this is a never-ending course! WebRTC is a constantly evolving technology so this course will constantly be updated with new videos as more and more breakthroughs are discovered in the field of WebRTC.

Who this course is for:

Anyone interested in making practical applications using WebRTC
Anyone looking to learn the concepts and protocols that make up WebRTC
Beginners with a basic understanding of Web (HTML,CSS,JavaScript)

Practical WebRTC: A Complete WebRTC Bootcamp for Beginners

What you'll learn

Explore related topics

Course content

Introduction5 lectures • 14min

Project 1: Real Time Chat Application10 lectures • 32min

Game of Protocols8 lectures • 38min

Project 2: Video Chat Application24 lectures • 2hr 3min

Requirements

Description

Who this course is for: