sallamy2580 / video-chat-app-React-peer-

Used React, Node, peerjs, webRTC and Docker

MiroTalk P2P

Free WebRTC - P2P - Simple, Secure, Fast Real-Time Video Conferences Up to 4k and 60fps, compatible with all browsers and platforms.

---

---

---

Features

• Is 100% Free - Open Source - Self Hosted and PWA!
• No download, plug-in, or login required, entirely browser-based
• Unlimited number of conference rooms without call time limitation
• Translated in 133 languages
• Possibility to Password protect the Room for the meeting
• Desktop and Mobile compatible
• Optimized Room URL Sharing (share it to your participants, wait for them to join)
• Webcam Streaming (Front - Rear for mobile)
• Audio Streaming crystal clear with detect speaking and volume indicator
• Screen Sharing to present documents, slides, and more...
• File Sharing (with drag-and-drop), share any files to your participants in the room
• Select Audio Input - Output && Video source
• Ability to set video quality up to 4K and 60 FPS
• Recording your Screen, Audio and Video
• Snapshot the video frame and save it as image png
• Chat with Emoji Picker & Private messages & Save the conversations
• Speech recognition to send the speeches
• Advance collaborative whiteboard for the teachers
• Share any YT Embed video, video mp4, webm, ogg and audio mp3 in real-time
• Full-Screen Mode on mouse click on the Video element
• Possibility to Change UI Themes
• Right-click on the Video elements for more options
• Direct peer-to-peer connection ensures the lowest latency thanks to WebRTC
• Supports REST API (Application Programming Interface)
• Slack API integration
• Sentry error reporting

About

• Presentation

• Video

Start videoconference

• Open https://p2p.mirotalk.com/newcall or
• https://mirotalk.up.railway.app/newcall or
• https://mirotalk.herokuapp.com/newcall
• Pick your Room name and Join
• Allow using the camera and microphone
• Share the Room URL and Wait for someone to join for the video conference

Direct Join

• You can join directly to room by going to:

• https://p2p.mirotalk.com/join?room=test&name=mirotalk&audio=0&video=0&screen=0&notify=0

• https://mirotalk.up.railway.app/join?room=test&name=mirotalk&audio=0&video=0&screen=0&notify=0

• https://mirotalk.herokuapp.com/join?room=test&name=mirotalk&audio=0&video=0&screen=0&notify=0

  Params	Type	Description
  room	string	room Id
  name	string	user name
  audio	boolean	audio stream
  video	boolean	video stream
  screen	boolean	screen stream
  notify	boolean	welcome message

Embed a meeting

Embedding a meeting into a service or app using an iframe.

<iframe
    allow="camera; microphone; fullscreen; display-capture; autoplay"
    src="https://mirotalk.herokuapp.com/newcall"
    style="height: 100%; width: 100%; border: 0px;"
></iframe>

Quick start

• You will need to have Node.js installed, this project has been tested with Node versions 12.X, 14.X and 16.X.

# clone this repo
$ git clone https://github.com/miroslavpejic85/mirotalk.git
# go to mirotalk dir
$ cd mirotalk
# copy .env.template to .env (edit it according to your needs)
$ cp .env.template .env
# install dependencies
$ npm install
# start the server
$ npm start

• Open http://localhost:3000 in browser

Docker

• Install docker engine: https://docs.docker.com/engine/install/
• Install docker compose: https://docs.docker.com/compose/install/

# copy .env.template to .env (edit it according to your needs)
$ cp .env.template .env
# build or rebuild services
$ docker-compose build
# create and start containers
$ docker-compose up # -d
# to stop and remove resources
$ docker-compose down

• Open http://localhost:3000 in browser

Ngrok - Https

You can start videoconferencing directly from your Local PC, and be reachable from any device outside your network, simply by following these documentation, or expose it directly on HTTPS

Stun & Turn