Building a Video Chat App with Vue.js and Firebase

Building a Video Chat App with Vue.js and Firebase

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 3h 19m | 659 MB

With more people needing to stay connected virtually, video chat applications like Zoom and Microsoft Teams have exploded in popularity. Curious about how you might build a video chat application of your own? In this course, instructor Ray Villalobos shows you how. To help you grasp the concepts covered in this course, Ray steps through the creation of a project. Firebase conveniently provides a foundation for both the data and the video in your project, and Vue.js lets you build a user interface around those components. Plus, learn how to work with WebRTC, an open-source project that you can use to enable real-time communication of audio, video, and data in your app. Along the way, discover how to use Firebase to set up user registration and authentication, check users into a virtual room, add attendees to a meeting, use security rules, and more.

Table of Contents

1 Why Vue and Firebase for real-time video
2 Using the exercises for this course
3 Setting up your environment
4 Installing a Vue project
5 Customizing your installation
6 Understanding the CLI install
7 Modifying the Vue template
8 Getting started with Firebase
9 Logging in a user
10 Making data available everywhere
11 Log in users
12 Updating your profile
13 Logging out
14 Adding user info to the datastore
15 Displaying data
16 Adding icons and deleting records
17 Checking users into your room
18 Working with WebRTC
19 Getting meeting information
20 Pending attendees
21 Deleting users
22 Adding attendees
23 Cleaning up the interface
24 Adding WebRTC
25 Using security rules
26 Next steps