Olay | Livestream overlay stuff

clock

Current local date/time in various formats.

[Setup]

The more you know...

Type Update rate Seconds.

Decimals Format Available variables: {year} {month} {day} {hour} {minute} {second} {millisecond} {timezoneOffset} Available variables: {beats}

[Default CSS]

[HTML Elements]

colorfader

Fade the whole page through random colors.

[Setup]

The more you know...

Transition function descriptions

Transition duration Seconds. Transition function

Red minimum Red maximum

Green minimum Green maximum

Blue minimum Blue maximum

[Default CSS]

[HTML Elements]

countdu

Count down/up within a number range or up to a future date.

[Setup]

The more you know...

If ResistFingerprinting is turned on in the webbrowser, time counters may not yield correct results because the local timezone will not be accessible to JavaScript.

Type Counting speed Seconds.

Start number End number

End time In your local timezone. On end message Available variables: {endnumber} Available variables: {endtime}
Set to none to show nothing on end.

[Default CSS]

[HTML Elements]

dnmap

A world map that shows the current day and night on Earth and the positions of the Sun (subsolar point) and the Moon (sublunar point).

[Setup]

The more you know...

Map image provided by timeanddate.com
Original size of the image is 1200x600 pixels.

Type Update rate Seconds.

[Default CSS]

[HTML Elements]

floater

Floating text like the old DVD logo screensaver.

[Setup]

The more you know...

Flipping may not always work on the first edge collision but then does afterwards.

Text

Velocity on x-axis Velocity on y-axis

Start position on x-axis Pixels.
Enter -1 for random position on x-axis. Start position on y-axis Pixels.
Enter -1 for random position on y-axis.

Flip x-axis on left and right edge collision Flip y-axis on top and bottom edge collision Change to random color on edge collision

[Default CSS]

[HTML Elements]

goal

Status of one of your personal goals.

[Setup]

Description

Current value Target value Value unit

[Default CSS]

[HTML Elements]

quotes

Random quotes typewriter.

[Setup]

The more you know...

Default quotes provided by PolyDataVault.

Update rate Seconds. Typing speed Seconds.
Set to 0 to disable the typing effect.

Quote format Available variables: {quote} Author format Available variables: {author}

Quotes API endpoint Must return a JSON response for a single item with an author and quote field. E.g.: {author: string, quote: string}

[Default CSS]

[HTML Elements]

rotator

Rotate through text items.

[Setup]

soho

Current images of the sun in various spectrums.

[Setup]

The more you know...

Images provided by SOHO.
Original size of the images is 1024x1024 pixels.

Camera Update rate Seconds.

[Default CSS]

[HTML Elements]

twitchchat

Chat messages from one or more Twitch channels.

[Setup]

The more you know...

You can delete messages in the overlay by interacting with the Browser-Source and clicking on a message.

Channel(s) to join Separate multiple with |.
Enter user names, not display names. User(s) to ignore Separate multiple with |.
Enter user names, not display names. Timestamp format Available variables: {year} {month} {day} {hour} {minute} {second} {millisecond} {timezoneOffset} {beats}
If the variable {beats} is present, other format variables will be ignored and the decimals will be auto-set to 2.

Limit displayed messages Remove old messages after Seconds.
Set to 0 to keep all (still respecting limit).

Color user names with their own chosen color Load Twitch emotes

Emotes theme Emotes size

[Default CSS]

[HTML Elements]