Olay

Live stream overlay stuff for use as Browser-Source in OBS Studio.

Modules

Hosting

I host the current main branch, which is most likely ahead of the latest release.
Access it at: https://etrusci.org/tool/olay/

You can also clone this repo or download a specific release and put it on your own webserver.

Output Styling

All modules will output their content inside a <div> with the class mod. Some modules may introduce sub-elements (see module documentation), but in general it's enough to style .mod like so:

.mod {
    font-family: sans-serif;
    font-size: 42px;
    color: #009900;
}

For specific CSS selectors, see the individual README's of the modules.

Global default style: app/lib/default.css
For help with CSS see:

Browser-Source Settings

URL: Module URL goes here
Width: Maximum module output width in pixels
Height: Maximum module output height in pixels
Control audio via OBS: Leave unchecked
Use custom frame rate: Leave unchecked
Custom CSS: Custom module CSS styles go here
Shutdown source when not visible: Read below
Refresh browser when scene becomes active: Read below
Page permissions: Set to "No access to OBS"

You must decide per use-case if you want to have both Shutdown source when not visible and Refresh browser when scene becomes active checked. For example, if you use a number counter, it'll reset when whenever the overlay becomes invisible because of a scene switch or similar actions in OBS. Also, any queue will be reset too, for example in the quotes module, and therefore you'll see more duplicates when switching scenes often. Basically, if you leave both unchecked, the module will run in the background even if it is not visible.

Notes