This is a webpage that can be used as an overlay for the purpose of timing for a Toastmasters meeting
The Overlay is controlled from a local website that is mirrored across all with the same id. The view parameter hides the controls
OBS will hide the background
- Download
- release version
- OBS Studio
- OBS VirtualCam
- Run the Timer Overlay
- Open a browser window at localhost:8888
- Click Copy Link
- Open OBS Studio
- Setup your video in OBS
- Sources -> Add -> Video Capture Device
- Click the image and resize and move it to your liking
- Add Browser Capture
- Sources -> Add -> Browser
- Paste the copied link
- Start VirtualCam
- (Top Bar) -> Tools -> VirtualCam -> Start
- Change your Video Source to OBS-Camera
- In Zoom: Settings -> Video -> Camera -> OBS-Camera
- Download
- Run
npm install
npm run build
- Start the application with
npm start
- Continue from step 3 of Usage above
- Requirement
- Install dependencies
npm install
- Start webpack in dev mode
npm run watch:web
- Start with ts-server with cache disabled
npm run dev
- Open a browser at
localhost:8888
- Optionally the port can be changed by adding
port={number}
to the run dev command
- Optionally the port can be changed by adding
- Port [number] The port to listen on
- Cache [number or false] How long the client should cache the page for
- One-Id [string, boolean on nothing] Forces all ids to be the passed string or the string
aaaa
if true or nothing is passed - Open [string or Nothing] Opens a browser window with optional parameter being the browser to open with
The arguments port=80 cache=false one-id=true
Are the same as 80 false one-id
and 80 false true
And would cause the port to be set to 80, caching to be disabled, and all ids to be aaaa