Skip to content

CHRONOMETERS

Jump to bottom
XtoMHA96 edited this page Oct 28, 2023 · 3 revisions

Main Options

These are the main options for this browser source in the main window:

Crono

Here's what these options do:

  • 👁️ -> This option opens a preview window of the browser source.
  • 📄 -> This option copies the URL that you should configure in OBS to capture the browser source.
  • ⚙️ -> This option opens a window displaying all the configurable source options. Further down, you can see each of these options detailed.
  • 🗑️ -> This option deletes the source and all of its saved configurations.

Control from the Browser

Control-Crono

This new window has the following options:

  • Two control buttons -> Start/Pause and Reset that pause, resume, and reset the timer.
  • Two rows to add or subtract time -> Two rows of buttons with predefined times to add or subtract from the timer.
  • A format selector* -> The ability to change the format in which the timer is displayed in the browser source. In this selector, please note the following meanings:
    • TT -> It will display the total sum of this unit of time.
    • (TT:) or (tt:) -> It will only display if that unit of time is different from zero.
    • tt -> The unit of time as defined in the standard format.
    • .000 -> It will display milliseconds at the end.
  • A font selector -> The option to change the font of the timer text in the browser source.
  • A numeric control -> The ability to adjust the text size of the timer in the browser source.
  • Three buttons to modify the format -> The ability to modify the format of the text in the browser source.
  • Three alignment buttons -> The ability to modify the alignment of the text in the browser source.
  • A color selector -> The ability to change the color of the text in the browser source. This can be done by selecting a color or using its hexadecimal code.

*You can suggest more time formats by making a request at: Feature Request

Control via WebSockets Sending

There are several available WebSockets that can be used with StreamDeck or similar applications. In these URLs, you need to replace {PORT}, which is the connection port defined in the code (by default, it's set to 5001).

Following the examples provided on this Wiki page, we'll use crono01. However, you can modify the URL for other sources if needed.

  • localhost:{PORT}/crono01/control&start -> Initiates the timer. Does not pause it.

  • localhost:{PORT}/crono01/control&pause -> Pauses the timer. Does not resume it.

  • localhost:{PORT}/crono01/control&startpause -> Simulates pressing the Start/Pause button.

  • localhost:{PORT}/crono01/control&reset -> Simulates pressing the Reset button.

  • localhost:{PORT}/crono01/control&addtime={ttxx} -> Adds time to the timer.

  • localhost:{PORT}/crono01/control&subtime={ttxx} -> Subtracts time from the timer.

    • {ttxx} should be replaced with the desired time and its unit for addition or subtraction. Available time units include:
      • y -> year
      • mh -> month
      • w -> week
      • d -> day
      • h -> hour
      • m -> minute
      • s -> second
      • ms -> millisecond

    For example:

    localhost:{PORT}/crono01/control&addtime=1m

    localhost:{PORT}/crono01/control&subtime=60s

HOME

Clone this wiki locally