WebRTC video chat app with ReactJS

Application Logic and Implementations

To connect two users over WebRTC, we exchange information to allow browsers to talk to each other. This process is called signaling and it is facilitated by using NodeJS and socket server chained to the express 4.0 engine to provide the plumbing. Other than signaling, no data has to be sent through a server. When a connection is successfully established and authentication and authorization are complete, stream data exchanged between peers is directed to a React component for rendering.

Installation

Once you have forked this project, go ahead and use npm through the command line to install all required dependecies:

npm i
npm start

The app can be accessed at:

https://localhost:3000

Structure

/r/:room            -- Chating room
/survey/:room       -- Survey for user
/game/:room         -- Similar to Survey page
/dashboard          -- Control every room
    /control/:room  -- control : survey,game,...
/ambient/:room      -- Showing picture

Demo

https://www.haoailan.online:3000

Version Release

22/02/2021

Update:

Code update: Rebuild project with React
Add Feature: Function: only show partial face

1/3/2021

Update:

Add Feature: Create a control panel for occlusion mask control

Todo List

Website

Function: pixelate video, vertical or horizontal, freezing
Structure: Keep in mind and build
Function: create API to control function(toggle video and audio change)
Recognition: Update API or Method to detect face and expression(face++/Microsoft CV API)

Mobile

Demo with basic screens

To Discuss

Website

What should be controlled
Same or different
What to be used as the mask, color/picture
popup anything?

Game

What is the accepted delay, compare with what time
What to popup?

License

MIT License

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Til-D/ScienceGallery