Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
WebRTC Practical Course. Build Video Chat With React
Rating: 4.0 out of 5(186 ratings)
1,653 students

WebRTC Practical Course. Build Video Chat With React

Learn WebRTC by creating React application with direct and group calls.
Last updated 1/2023
English

What you'll learn

  • Create own WebRTC implementation for video calls
  • Add WebRTC data channels to exchange data
  • Create video chat app in React
  • How to switch to screen sharing in ongoing call
  • How to create group call video chat
  • How to create group call app with PeerJS

Course content

7 sections75 lectures8h 23m total length
  • Course introduction3:47
  • Theory about WebRTC and how to establish peer-to-peer connection9:28
  • Course requirements and details0:26
  • Theory - What is WebRTC ?1:38
  • Theory - What is signaling server ?1:16
  • Theory - What is STUN server ?1:10
  • Theory - What is TURN server ?2:06
  • Theory - What is SDP ?1:36
  • Theory - What are ICE candidates ?1:43
  • Theory - How to establish direct connection between peers3:11
  • Preparing environment - Server7:50

    Preparing server for application with node.js, express and socket.io

  • Preparing environment - React9:08

    Creating React application and connecting it to our server

  • React Router - Do not skip before next lecture !0:23
  • Adding routing to React application4:52
  • Adding Redux for state management10:58
  • Redux - why is so useful0:26

Requirements

  • React basic knowledge
  • JavaScript basic knowledge

Description

Learn WebRTC by creating project with React. We will go through all of the steps to create application with direct and group calls. We will write own WebRTC implementation for direct calls and we will use PeerJs for group calls to show how easily you can develop webRTC application. Only basic knowledge of React and Javascript is required. We will use also SocketIO as our signaling server for our application. After this course you will be able to create own application which will be using WebRTC. It does not matter if that will be the realtime communication game or video chat. You will now the process how to establish connection between two peers and more.

In our application we will use:

  • WebRTC

  • JavaScript

  • SocketIO

  • Express.js

  • Node.js

  • React

  • Redux

We will keep React application simple and we will focus on things related with webRTC. Also you will get an knowledge how you can use SocketIO as your webSocket server.

App creating proccess:

  • Prepare environment

  • Build frontend of our application in React

  • Connect with SocketIO

  • Add our own WebRTC implementation for direct calls

  • Create group calls with Peer.js (library to make WebRTC implementation easier in small apps)

  • Add chat functionality to show how WebRTC data channels work

I hope you will enjoy the course and after finishing it you will feel confident to start preparing and adjusting your own WebRTC implementation.

Who this course is for:

  • Programmers and students which wants to learn WebRTC and how it can be connected with React