NoobMeet - A Video chat web application

Intro

This is a webRTC based video chatting web application. The users can register and get logged in to their user page. They can either create a new room or use their previous rooms to join a call and chat. This implementation also consists of a real time chat and file share functionality.

Deployed link

noobmeet.herokuapp.com
(Calls and chats are functional, but becasue of NO "Access-Control-Allow-Origin" on icon package script, fonts-awesome is blocked. So u won't be able to access any incall-features in the deployement. To use all the features, follow the steps in "Getting Started" and run it on a local machine, no problems should arise, but depending on the time, the script source may change, so u have to manually change the source in local machine)

Features and Functionalities

• Unlimited number of rooms
• Unlimited duration calls
• Multiple participants
• Copy the link and share it with your friends
• Toggling your audio/video stream
• Mute and Hide Everyone
• Chat and File Share in real-time
• Chat before and after the meeting
• Send individual messages to the participants online in the room
• Screen Sharing
• Recording your stream, audio and video
• Full Screen Mode on double click on the video

ScreenShots

• Login and Register page

• Main Page

  • Contains all the past rooms in sorted according to the time of thier last update.

  

  • Creating a new room

  

• Call page

  • Call Page (videos are just turned off, it is functional)

  

  • Automatic pop up of chat box upon recieving an message. The chat box is draggable (hold the body instead of the bar).

  

• Chat page - Contains all the chats form previous meetings.

A more detailed description and ScreenShots will be uploaded soon. (With video turned on too :-)).

Demo (Not functional as now)

• Open https://noobmeet.herokuapp.com/
• Create an account
• Set a meeting name to create your room
• Click on call button and give access to camera and microphone to join call
• Click on chat button to chat before the meeting starts and as well as after the meeting ends
• Share the room link for others to join

Getting Started

• You need to have Node.js installed

• clone this repo

  • git clone https://github.com/fivar-rox/Video_chat.git
  • cd video-call

• Install dependencies

  • npm init
  • npm install

• Start the server

  • npm start

• open http://localhost:4000 in your browser

Tech Stack

• Node.js
• Web RTC
• Socket.io
• ngrok and stun-turn server
• Firebase - for database
• Heroku - for hosting