Screensaver
The welcome copy at rest: same words, much larger, over a full-strength animated backdrop, with a very slow breathing scale so a screen left on it for an hour never burns in and never looks frozen from across the room. Meant for the half hour before people arrive and for coffee breaks.
Set the meeting-wide default in Settings → Screensaver animation. Any screen can override it: put the screen in Screensaver mode and its card shows an Animation picker. One room gets stars while the lobby gets the globe.
When content finishes
A screen can hand itself back to the Welcome screen, the Screensaver or Blank once its content runs out, instead of sitting on the last frame. Pick it in Settings → Screens → When content finishes, with an optional wait first.
| Content | Counts as finished when |
|---|---|
| Presentation | Next is pressed on the last slide (switches straight away), or a deck with rehearsed timings runs off its last slide |
| Photos | Every photo in the album has been shown once. With this set, an album plays through once instead of looping |
| Video | The clip plays to its end with loop off |
| Document | Auto-scroll reaches the bottom of the last page |
The server does the switching, so every wall on the screen and the control panel follow it, and the screen's card counts down during the wait. Switching scene, moving a slide or restarting the clip during the wait cancels it. Stay on last (the default) keeps the old behaviour.
Lightweight backdrops CSS
Pure CSS on six layers: compositor-only, effectively free to run all day. These are also the only ones offered for the Welcome screen, where the title has to stay the brightest thing on the wall. All are drawn in a single hue from the meeting accent.
| Name | Look |
|---|---|
| Aurora | Soft accent haze, drifting over about a minute |
| Silk | Broad diagonal sheens, the quietest of the set |
| Constellation | A fine drifting star field |
| Rays | A slow rotating light fan, anchored above the title |
| Grid | A shallow perspective floor |
| Still | No animation at all |
Animated scenes WebGL
Fourteen scenes from Vanta.js, coloured from the live theme: Waves, Fog, Clouds, Clouds II, Globe, Net, Birds, Halo, Rings, Cells, Dots, Ripple, Topology and Trunk. Screensaver only.
- Vendored, not CDN-loaded: three.js, p5.js and the effects are served from
/vendor, so a display with no internet still comes up. - Loaded on demand: a screen running a CSS backdrop downloads none of it.
- One instance, always destroyed: leaving Screensaver tears the GL context down instead of leaving a render loop running behind the next scene.
Keeping the text readable
An animated scene puts arbitrary colour directly behind the meeting name, so the copy sits on its own frosted plate drawn from the theme surface, with a halo under the glyphs themselves. Settings → Screensaver text panel controls it:
| Setting | Behaviour |
|---|---|
| Auto (default) | Plate appears over WebGL scenes only: the CSS backdrops are quiet enough without it |
| Always on | Plate on every backdrop |
| Never | Text straight on the backdrop |
Separately, accent-coloured type (the clock, mainly) is contrast-fitted at runtime. An accent is picked to look good as a block of colour, which is a different job from being legible as text: pure blue on near-black is about 2:1, unreadable from the back of a room. The hue is walked toward the page's ink until it clears 4.5:1, so blocks and rules keep the exact colour you picked while the type stays readable.