Code Monkey home page Code Monkey logo

adhiksha.github.io's Introduction

SquashCord App

Realtime, Multi-Peer Video calling and chat app with websockets and WebRTC using Node.js, Express and Socket.io with Vanilla JS on the frontend with a flexible and intuitive GUI. The app uses WebRTC for peer to peer connection which facilitates Video sharing between the peers. The sockets help in connecting multiple peers and transferring messages between them.

Features

  1. Room-wise conferences.
  2. Current Room User lists.
  3. Video Conferencing using WebRTC and Websockets for Multi-Peer network.
  4. Messaging feature in the App.
  5. Video and audio toggle.

Demo

Dependencies

  1. Nodejs
  2. Express Js
  3. React Js
  4. Firebase
  5. WebRTC API
  6. Socket IO

Future Scope

  1. Games
  2. Screen Sharing.

Usage

<CMD in the main folder>
> npm install
> npm start

Go to localhost:8443

How does it work

The user will enter the Room name and the User name. Every user is given a unique user ID(UUID). A new WebRTC peer is defined. Then, the script will check if the user is the first one to enter the room, If so, it will create a new connection request to other peers. And wait for other peers to connect. It creates a description and sends it to the server using socket.io. The server then broadcasts the message to all the peers in the room. If, the user was not the first one to join the room, then the script will listen to all the messages broadcasted by the server. If there is a description , the WebRTC peer will create an answer and send it to the server to broadcast. If the answer is received by other peers then they send ICEs. And exchanges their video and audio streams. Once the connection between is established they can exchange chat messages too using socket.io.

if you like the app, drop a star on github :)

adhiksha.github.io's People

Contributors

adhiksha avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.