/webrtc-screen-share-frontend

Primary LanguageTypeScript

WebRTC Screen Share Front-End

Simple screen sharing application using WebRTC technology. The current version supports up to four people in the room, one streamer and three viewers. Only one person can stream at a time (if someone else wants to stream they have to wait for the streamer to finish the transmission so it is made available again).

☁️ Links

💻 Project

User alone in the room

Two users in the room

User starting a stream

Viewer screen while streamer select a streaming source

Streamer screen during the stream

Viewer screen during the stream

🚀 Technologies

This project was developed with the following technologies:

Typescript Typescript

ReactJS ReactJS

styled-components Styled-Components

WebRTC WebRTC

SocketIO SocketIO

🏃 Usage

git clone https://github.com/douglasJovenil/webrtc-screen-share-frontend
cd feracode_frontend
yarn install
yarn start

📔 TODO

  • Fix bug that occurs when a user try to join the room and the streamer finishes the stream
  • Configure environment variables to use at Heroku
  • Configure CORS