hellomayuko / Pomodoro-Countdown

Pomodoro widget for my Twitch streams!

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool


🍅

Pomodoro Countdown Timer

A Pomodoro Countdown widget for my Twitch streams!

About The Project

An interactive Pomodoro Counter widget for OBS.

Pomo Counter

Installation

  1. Clone the repo or download the zip here

    git clone https://github.com/hellomayuko/Pomodoro-Countdown.git
  2. Store files wherever you wish.

Set up in OBS

  1. Create a browser source in your scene. 01 -  Create Browser Source

  2. Name your browser source (ex. PomodoroTimerWidget) 02 - Name Browser Source

  3. Setup as seen in image

    Local file - Checked
    Local file address - Select countdown.html
    Width - 380
    Height - 90
    

    03 - Setup Browser Source

How to use

  1. Right-click the timer in Sources and press Interact Interact with Widget

  2. Interact with the buttons!

    1. Change the timer between 25min & 50min
    2. Resume/Pause timer
    3. Reset timer
    

    Interact buttons

About

Pomodoro widget for my Twitch streams!


Languages

Language:JavaScript 62.0%Language:HTML 21.5%Language:CSS 16.5%