https://github.com/diegogurgel/react-webrtc

Video chat using webRTC and react
https://github.com/diegogurgel/react-webrtc

react real-time-communication realtime-chat screensharing video-chat webrtc webrtc-demo webrtc-demos webrtc-experiments webrtc-signaling

Last synced: about 1 month ago
JSON representation

Video chat using webRTC and react

• Host: GitHub
• URL: https://github.com/diegogurgel/react-webrtc
• Owner: diegogurgel
• Created: 2018-01-29T10:33:26.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-03T15:18:42.000Z (almost 2 years ago)
• Last Synced: 2024-08-03T17:12:54.876Z (5 months ago)
• Topics: react, real-time-communication, realtime-chat, screensharing, video-chat, webrtc, webrtc-demo, webrtc-demos, webrtc-experiments, webrtc-signaling
• Language: JavaScript
• Homepage: https://react-webrtc-example.herokuapp.com
• Size: 2.05 MB
• Stars: 257
• Watchers: 5
• Forks: 77
• Open Issues: 37
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-webrtc - react-webrtc - Video chat using webRTC and react. (Samples)

README

        
# WebRTC with react

This is a simple 1-to-1 video chat room example using react with webRTC and share screen API. This is experimental for learnig purposes. I hope that this project help you to learn something. You can test this on https://react-webrtc-example.herokuapp.com put a room id that you want to create and click enter the other peer have to use the same room id. Sometimes it takes a bit longer to connect(no longer than one minute).



### Running locally

To run this application you need to create a TURN account. You can create one using this service http://numb.viagenie.ca/cgi-bin/numbacct

Change the `.env.example` to `.env` or `.env.local`

Put your turn account on the .env file

#### The folders

Front-end files are inside `/src` and the server files are inside `/server` folder

#### Install the dependencies

```shell

npm i

```

#### Start the application

```shell

npm run start:local

```