In the age of social distancing, Let's Meet
I successfully implemented the video calling feature. More than two people can currently video call together using the web app. I also implemented:
- Switch audio on/off
- Switch video on/off
- Create your own meeting url
- Join an existing meeting with more than two people
- Adding own name to profile with which you join the meeting
- Update whenever somebody joins or leaves the meeting
- Copy URL in-meeting
- Chatbox
- Screenshare
- Collaborative whiteboard
- Leave meeting
- Recording Option
- Recording ↓
- Invite via Whatsapp
- About WebRTC
- Socket.io
- Make effective use of Bootstrap
To run the web app in your local device, run the following commands in your terminal (macOS) or command prompt (Windows) :-
-Clone the GitHub repository into your local device by running the following command:
cd folder-you-want-to-download-code-in
# git clone: https://github.com/code6014/webex-master.github.io.git
cd Webex
-Now that you're in the project folder, open terminal to download the needed node modules:
npm install
-Now run the server by running the following command:
npm start
The server should be running at localhost:3000
If localhost:3000 shows busy on your device, run the following commands:
sudo lsof -i :3000
kill -9 <PID>
Now localhost:3000 is free to run this application.
-To access the web app, in your project code folder, navigate to public/landing-page and from there open landing.html on any browser of your preference (Chrome recommended for best experience).
- HTML
- CSS
- JavaScript
- Bootstrap
- Node.js
- WebRTC
- Socket.io
- Add a sign up/authentication page
- Improve upon the Adapt functionality in the web app
- Add an additional feature of breakout rooms
- Increase Scalability
Web App Flow: web-app-flow.png