Moodent

Greetings to the readers! This is an interactive videoconferencing web app that is named "Moodent". It is used to deliver a platform to the user in which one can easily communicate, share content, hold meetings/classes, chat with groups all around.

Built Using:

1. EJS
2. CSS
3. Bootstrap
4. JavaScript
5. jQuery
6. Node.js
7. Express.js
8. WebRTC
9. Socket.IO
10. PeerJs
11. uuid
12. Typed.js
13. Particle.js
14. Tilt.jquery.js

Features of the Video Conferencing Application:

1. Create a new Meeting feature on Home Page
2. Join the meeting using meeting link on Home Page
3. Video Call One-to-one
4. Invite link is generated and can be shared through email
5. Group Video-Call (Connection upto 6 users is possible, but it works perfectly for upto 4 users. Hangs a little when 6 users join)
6. User can Mute/Unmute himself (Audio Controls)
7. User can Mute/Unmute other users on call during Group as well as One-on-One Call
8. User can turn on/off his own Video.(Video Controls)
9. Chat Feature during both One-on-One and Group Call
10. ScreenShare allowed during One-on-One Call
11. ScreenShare during Group Call is only visible to one of the Users (To be Enhanced)
12. Picture-in-Picture mode allowed
13. User can switch anyone's video (including himself) to Full Screen mode.
14. User can Play/Pause anyone's video (Loop Controls)
15. User can Leave the Meeting
16. User can record their video
17. User can record the whole Screen
18. Record the Meeting Feature
19. User Can Save the Recording Locally
20. Great UI/UX
21. Moving the Record dialogbox is possible

Screenshots 📸

Home Page

During the Video call

Chat Box

Screenshare

Floating Record Block Button

Agile Methodology Implementation

Week	Bugs and Deliverables
1	Designed, planned and researched for the technologies, APIs about the solution
2-3	Built the UI, minimum video-calling functionality along with audio/video controls,recording, screenshare etc.
4	Improved the UI as suggested by mentors, peers and added Chat feature. Got the feedback to work on documentations and improving code quality.

Prerequisites

You have to install Node.js in your machine.

Link and Steps to run the deployed App :

Link: will come soon

Steps:

• Open the above link in your browser.
• Click on "Create New Meeting". Unique room id will be generated each time when you open the above link.
• Enter your name.
• Give permission to your camera and microphone when using this app for the first time.
• Click on "Participants". Copy the link just prompted on screen.
• Share this unique link with your friends with whom you want to talk. They can open the link in browser.
• Or they may paste the link in "Enter the meeting link here" input and then click on "Join Meeting" video:

<iframe id="vp10q6lU" title="Video Player" width="432" height="243" frameborder="0" src="https://s3.amazonaws.com/embed.animoto.com/play.html?w=swf/production/vp1&e=1629787732&f=0q6lUrtkNtU6jMH1u0sbMQ&d=0&m=p&r=360p+480p+720p&volume=100&start_res=720p&i=m&asset_domain=s3-p.animoto.com&animoto_domain=animoto.com&options=autostart" allowfullscreen></iframe>