Light

hyunse / video-group-meeting Goto Github PK

View Code? Open in Web Editor NEW

82.0 3.0 39.0 501 KB

WebRTC video chat for multi users using React and Node Express.

Home Page: https://video-group-meeting.herokuapp.com/

License: MIT License

HTML 2.80% CSS 3.65% JavaScript 93.55%

webrtc webrtc-video group-chat socket socket-io react simple-peer screen-sharing

video-group-meeting's Introduction

Video-Group-Meeting

Videe-Group-Meeting is a simple video chat application for multi-users based on React, Node Express and WebRTC.

This project is deployed at: https://video-group-meeting.herokuapp.com/

Technologies Used

React
Node + Express
WebRTC
Socket.io
Syled-components
Simple-peer

Contributors: Hyunse Kim

Features

Join a room
Video Streaming
Text chat
Mute Video/Audio
Screen Sharing

Installation

Clone

Clone this repo to your local machine using https://github.com/Hyunse/video-group-meeting.git

Setup

Client

Move to client folder, update and install this package

  
    /* Install */
    npm install
    
    /* Run */
    npm start

Server

Move to server folder, update and install this package

  
    /* Install */
    npm install
    
    /* Run */
    npm run dev

Todo 🔨🔨🔨

Switch Camera options

License

MIT License

video-group-meeting's People

Stargazers

Watchers

video-group-meeting's Issues

Doesn't work correctly on small screens/mobile phones

When I use this on a small screen like a mobile phone the bottembar does not show up completely:

The chat is very small too:

In my opinion the chat should use the complete screen on mobile phones.

Feature Request: Support multiple languages

It would be awesome if there was a little language switcher with multiple languages for the interface.

Add support for HTTPS

Please add support for HTTPS. HTTP shouldn't be used anymore these days.

Vite implementation

Since CRA is depreciated
can you show how the same thing can be done using vite

I've tried porting it to vite but faced multiple little errors later on
so if you could try and test it out it would be wonderful !

peer.on("stream") is not triggering in safari

Feature Request: Chat with a specific user (or users)

It would be very cool if you could select one (or more) users to chat with in the chat. Only this user (or these users) would get the message.

Recommend Projects

React

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

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

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

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

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

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.