LukasOchmann/webcamdisplay-react

Displays all your connected webcam feeds at once, in draggable and resizable boxes

Webcamdisplay-react

Display all your connected webcams on a single webpage. Great for usability testing recordings and screencasts, stopwatch is included.

Requirements

• A connected webcam / videoinput (wow!)
• A modern browser with mediaDevices Web API

Features

• Resizable and draggable timer
• Resizable and draggable webcam feeds
• Works offline

Capture

• use any screensharing app like skype to broadcast
• Mac-users can use pre-installed quicktime to capture via "screencast" recording

Tech

• Based on the awesome react-boilerplate
• Also includes a workflow for electron

Demo

See it working in action: Click here

Local

1. Clone it

git clone https://github.com/hamsterbacke23/webcamdisplay-react.git

2. install dependencies and setup screensharing

1. yarn install installs dependencies from yarn.lock/package.json
2. yarn setup sets up ssl

2. run it npm start runs the App on https://localhost:3000