Case 5: Stream Video Chat Room
Live streaming app like Zoom for creating new classrooms developed with webRTC technology by Agora SDK API.
Client
Yuxian Xu
Service
Social media, live broadcast, real-time video chat
Date
March 12, 2022
Challenge
First time build live stream app with Agora, which provides Web SDK library uses APIs in the web browser to establish connections and control the communication and live broadcast services.
Solution
Read the documentation line by line and test the api carefully. I am proud of this app because my friends like to use it as Zoom cutting free meeting time to 40 minutes.
cloudRoom
cloudRoom is a real-time video meeting room.
Live Demo
Technologies and Skills
- Javascript
- React.js
- Tailwind css
- Responsive design
- React-carousel
- React Hooks
- Scroll up button
- Deployment: Deploy web applications on servers like Vercel
Homepage
Features
-
Create a new room
-
Join a room
-
Enable or disable video and audio
-
Share current window or tab or screen
-
Chat via text at same time
More Screenshots
Mobile view
Enable or disable video and audio
Share current window or tab or screen
Getting Started
- clone this repo
- hugo
- hugo serve
Open http://localhost:1313 with your browser to see the live pages (or other url from terminal line)
Live Demo
More
This project is an exercise followed the CoderOne’s Youtube channel and modified by Yuxian Xu
