WebRTC is a powerful new open-source project that seamlessly enables real-time communication (RTC) – baked right into modern web browsers. This means web developers can now incorporate video, voice and data sharing using peer-to-peer connectivity via simple JavaScript APIs, with no plugins or additional installs required.

In this course, we introduce you to the fundamentals of WebRTC, explaining its elements and capabilities in easy-to-understand terms, and gets you started building simple applications using the WebRTC API, mainly a 2 person and multi-person video chat app using step-by-step practice.

You will also be taught tips & tricks for good WebRTC design.

This is an immersive, hands-on course where trainees will be learning and immediately applying what they learn through practical-based projects. In this training, the trainer will explain WebRTC fundamentals and how to create WebRTC apps.

NOTE: Trainees need to have basic HTML knowledge or at least some basic knowledge of website design.

DAY1

1. Introduction to Web Real-time Communication (WebRTC)

Introduction

History of Real-time Communication on the web 

What you can do with WebRTC

Where WebRTC is supported

2. Architecture of a WebRTC Application

Layout and structure of the application

Security with WebRTC

The Full WebRTC Environment

3. Understanding Server Technologies for WebRTC

Why Would We Need Servers? 

Introducing ICE, STUN and TURN Signalling Options for WebRTC Options for Server Setup and Hosting

4. Introducing the WebRTC API

Overview of the WebRTC APIs

Accessing Webcam and Microphone with MediaStream (getUserMedia) 

Establishing a Peer Connection with RTCPeerConnection

Understanding Data Communication with RTCDataChannel

DAY2

5. Setting Up Your Development Environment

Introduction to Setting Up Your Environment Software and tools for WebRTC development

6. Create a Two-person Video Chat Using Peer.js

Introduction to Peer.js Library

Set Up the HTML for Two-person Video Chat Write JavaScript Calls to Peer.js

Test the Two-person Chat Application

7. Create a Multi-person Chat Application Using SimpleWebRTC

Introduction to SimpleWebRTC Framework 

Set up the HTML for Multi-person Video Chat 

Write JavaScript Calls to SimpleWebRTC

Test the Multi-person Chat Application

8. REVIEW OF WebRTC and Q&A

WHO SHOULD ATTEND

You must have some basic skills in HTML and:

• If you are interested to know the advanced features of HTML5 

• Anyone who wants to make their own chat app with audio/video/screensharing features

RATIONALITY

• Developing your own virtual conferencing with video, audio, chat and screenshare features

LEARNING OUTCOME

• Understand WebRTC and fundamentals

• Incorporate video, voice and data-sharing into a single webpage 

• Build a simple simple real-time communication webpage