Chicken Timer

This is a simple NextJS app to display a countdown timer in OBS as a transparent browser source.

To Add To OBS

1. Click "Add Source" from the Sources + menu at the bottom
2. Select "Browser"
3. Set the URL to https://chickentimer.coffeethencode.dev
4. Leave the "Width" and "Height" set to the default "800" and "600"
5. Check the "Control audio via OBS" checkbox
6. Click "OK"
7. Holding "Alt", click and drag the source's resize handles to crop the source to slightly smaller than the white dashed border.

To Interact With The Timer

1. Select the source in OBS
2. Click the "Interact" button OR Right-Click the source and select "Interact"
3. Resize and move the window wherever you'd like (it's not restricted to OBS)

OR

1. Install the OBS "Source Dock" plugin
2. Click Tools > "Source Dock"
3. Search and Select your Source
4. Click the "Add" button on the right (it may be cut off requiring you to scroll right)
5. Drag the [Your Source Title] dock anywhere you'd like it to be