WebRTC in 100 Seconds // Build a Video Chat app from Scratch
Want to build your own peer-to-peer video chat app? WebRTC is a technology that creates a realtime connection between browsers where users can exchange audio/video streams https://fireship.io/lessons/webrtc-firebase-video-chat/
00:00 WebRTC Explained
02:01 Build your own Video Chat
3:37 Code setup
04:34 Peer Connection & Webcam
06:49 Offer Signaling
09:45 Answer Signaling
Source Code
https://github.com/fireship-io/webrtc-firebase-demo
Useful Resources
WebRTC Docs https://webrtc.org/
Codelab https://webrtc.org/getting-started/firebase-rtc-codelab
Signaling https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Signaling_and_video_calling
#webdev #js #100SecondsOfCode
Install the quiz app 🤓
iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8
Android https://play.google.com/store/apps/details?id=io.fireship.quizapp
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
My VS Code Theme
- Atom One Dark
- vscode-icons
- Fira Code Font
Видео WebRTC in 100 Seconds // Build a Video Chat app from Scratch канала Fireship
00:00 WebRTC Explained
02:01 Build your own Video Chat
3:37 Code setup
04:34 Peer Connection & Webcam
06:49 Offer Signaling
09:45 Answer Signaling
Source Code
https://github.com/fireship-io/webrtc-firebase-demo
Useful Resources
WebRTC Docs https://webrtc.org/
Codelab https://webrtc.org/getting-started/firebase-rtc-codelab
Signaling https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Signaling_and_video_calling
#webdev #js #100SecondsOfCode
Install the quiz app 🤓
iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8
Android https://play.google.com/store/apps/details?id=io.fireship.quizapp
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
My VS Code Theme
- Atom One Dark
- vscode-icons
- Fira Code Font
Видео WebRTC in 100 Seconds // Build a Video Chat app from Scratch канала Fireship
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Why so many distros? The Weird History of Linux](https://i.ytimg.com/vi/ShcR4Zfc6Dw/default.jpg)
![Servers for WebRTC: It is not all Peer to Peer (Kranky Geek WebRTC Brazil 2016)](https://i.ytimg.com/vi/Y1mx7cx6ckI/default.jpg)
![WebSockets in 100 Seconds & Beyond with Socket.io](https://i.ytimg.com/vi/1BfCnjr_Vjg/default.jpg)
![2021 Tech Trends & Predictions for Developers](https://i.ytimg.com/vi/oHtR5YSPLjo/default.jpg)
![Learn Docker in 7 Easy Steps - Full Beginner's Tutorial](https://i.ytimg.com/vi/gAkwW2tuIqE/default.jpg)
![10 CSS Pro Tips - Code this, NOT that!](https://i.ytimg.com/vi/Qhaz36TZG5Y/default.jpg)
![](https://i.ytimg.com/vi/JXAzLxMQnxE/default.jpg)
![WASM + React... Easily build video editing software with JS & FFmpeg](https://i.ytimg.com/vi/-OTc0Ki7Sv0/default.jpg)
![WebRTC Tutorial - How does WebRTC work?](https://i.ytimg.com/vi/2Z2PDsqgJP8/default.jpg)
![Cloud Computing in the Year 2020](https://i.ytimg.com/vi/1pBuwKwaHp0/default.jpg)
![How Singapore Uses Science to Stay Cool](https://i.ytimg.com/vi/PM101DvvG4Q/default.jpg)
![Build and Deploy a React Video Chat App | WebRTC Video Chat Zoom Clone | Tabnine](https://i.ytimg.com/vi/oxFr7we3LC8/default.jpg)
![Bitcoin ₿ in 100 Seconds // Build your Own Blockchain](https://i.ytimg.com/vi/qF7dkrce-mQ/default.jpg)
![7 Database Paradigms](https://i.ytimg.com/vi/W2Z7fbCLSTw/default.jpg)
![3 More Life-Changing CSS Tips](https://i.ytimg.com/vi/JSURzPQnkl0/default.jpg)
![The Weird History of JavaScript](https://i.ytimg.com/vi/Sh6lK57Cuk4/default.jpg)
![RxJS Top Ten - Code This, Not That](https://i.ytimg.com/vi/ewcoEYS85Co/default.jpg)
![Raspberry Pi versus AWS // How to host your website on the RPi4](https://i.ytimg.com/vi/QdHvS0D1zAI/default.jpg)
![WebRTC Crash Course](https://i.ytimg.com/vi/FExZvpVvYxA/default.jpg)
![JavaScript: How It's Made](https://i.ytimg.com/vi/FSs_JYwnAdI/default.jpg)