Assets
Every media file lives in the resource's assets/ folder:
HZ-Loading/assets/
├── audio/ your MP3s
├── images/ backgrounds + logo
├── video/ one MP4 (see constraints below)
└── keybinds/ SVG key icons
Dropping a file
Put a file in the right folder and it appears in the Creator's picker. Click Rescan in the editor and the list refreshes — no restart needed.
If your host blocks directory listing, the console says so once at boot:[HZ-Loading] io.popen unavailable — live asset discovery off, manifest only.
On such a host, Rescan cannot see new files — list them manually in the Creator's playlist fields instead.
Backgrounds
Four types:
| Type | What it does |
|---|---|
| images | A playlist that crossfades. Set the interval and the crossfade duration. |
| video | A single video, full screen. |
| video + images | Video with the image playlist as a fallback. |
| generative | An animated background generated in the browser — no file needed. |
assets/images/ is used. Turn it off to curate a specific subset instead.
Video constraints
Music
Drop MP3s in assets/audio/, or paste a direct audio URL.
Players get playlist, shuffle, skip, volume and mute controls, with elapsed / duration and a position bar. Their volume and mute choices persist between connections, and playback pauses automatically when they alt-tab.
Logo
Either a file in assets/images/ or a full https:// URL. Logo size sets its base height in pixels; the layout editor's resize handle multiplies it on top, so a hero logo can fill a large part of the screen.
logo.webp, images/logo.webp or assets/images/logo.webp — the redundant prefix is normalised away, so a pasted in-repo path resolves correctly instead of breaking.Keybind icons
assets/keybinds/ holds one SVG per key, named after the key itself — F1.svg, TAB.svg, M.svg. A set of defaults ships with the resource.
Icons are only used by the grid, list and compact keybind styles. The default keyboard style draws the physical board and does not use them. When a key has no matching SVG, the key name is displayed as a text chip.
Filenames
Filenames are validated server-side, with path-traversal protection. Stick to plain names and normal extensions. Spaces and accents are fine — the interface encodes them correctly — but a name with #, ? or & is best avoided.
