Giter Site home page Giter Site logo

webrtc-demo's Introduction

#Video-Chat-App    

Hosted at: https://video-engage-app.herokuapp.com/

This app is build as solution to the problem statement of microsoft engage mentorship program 2021.
This app is used to do video chat for upto 3 users along with live chat.
An another chat feature is available too for the users to join chat only and this can provide upto ten older messages before the joining of chat.User can chat in this after as well as before the meet is started.
Authentication system is present, in order to use this any user needs to login first.

This is MERN stack based app. client folder contains client side logic and outside files/folder are for server side.
the main logic of client side peer and socket is in components/Room.js file.

Main libraries in client side.

  1. Peerjs library :used which provides provides a complete, configurable, and easy-to-use peer-to-peer API built on top of WebRTC, supporting both data channels and media streams.
  2. Socket.io-client :a library for realtime web applications. It enables realtime, bi-directional communication between web clients and servers.

Main libraries in server side.

  1. socket.io: a library for nodejs for realtime web applications.

  2. uuid : to generate unique IDs for roomId.

  3. bcrypt : A library to help hash passwords.

     #usage
    

To use this on your local system clone this repositry. In terminal open this directory.

npm init.
nodemon start //for server start.

In another terminal.
cd client
npm run build
npm start // to start the app

this app will be started at : http://localhost:3000/

#video-demo

https://www.youtube.com/watch?v=3HWqeTtsxw0

webrtc-demo's People

Contributors

rishurai2001 avatar

Watchers

 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.