Template Reference¶

This document lists all available templates in What's Now Playing, organized by category with descriptions of their functionality.

Templates are HTML files that control how track information is displayed in various outputs like OBS, Discord, web browsers, and text files. For template variables, see Template Variables. For visual examples of templates in action, see the Gallery.

Basic Text¶

Basic text display with optional animation effects

Effect	Template
None	`ws-basic-text.htm`
Fade	`ws-basic-text-fade.htm`
Explode	`ws-basic-text-explode.htm`
Spin	`ws-basic-text-spin.htm`
Slide	`ws-basic-text-slide.htm`
Anime Elastic	`ws-basic-text-anime-elastic.htm`
Anime Bounce	`ws-basic-text-anime-bounce.htm`
Anime Stagger	`ws-basic-text-anime-stagger.htm`

Generic DJ¶

Generic DJ titlecard with album art and accent color

Effect	Template
None	`ws-generic-dj.htm`

Dynamic Backgrounds¶

Plasma

Effect	Template
Plasma	`ws-webgl-plasma-background.htm`
Aurora	`ws-webgl-aurora-background.htm`
Gradient Sweep	`ws-webgl-gradient-sweep-background.htm`
Voronoi	`ws-webgl-voronoi-background.htm`
Noise Field	`ws-webgl-noise-field-background.htm`
Ripple	`ws-webgl-ripple-background.htm`
Magma Rise	`ws-webgl-magma-rise-background.htm`
Nebula	`ws-webgl-nebula-background.htm`
Lightning	`ws-webgl-lightning-background.htm`
Grid	`ws-webgl-grid-background.htm`
Halftone	`ws-webgl-halftone-background.htm`
Flow Field	`ws-webgl-flow-field-background.htm`
Weave	`ws-webgl-weave-background.htm`

Artist Images¶

Single artist image display (banner, logo, thumbnail)

Effect	Template
Banner	`ws-artistbanner-nofade.htm`
Logo	`ws-artistlogo-nofade.htm`
Thumbnail	`ws-artistthumb-nofade.htm`

Artist Fanart¶

Artist fanart display with static, conditional, and slideshow modes

Effect	Template
None	`ws-artistfanart-nofade.htm`
Conditional	`ws-artistfanart-conditional.htm`
Slideshow	`ws-artistfanart-slideshow.htm`

Cover Art¶

Album cover art display, single and slideshow

Effect	Template
None	`ws-justthecover.htm`
Slideshow	`ws-coverslideshow.htm`

MTV¶

MTV-style layouts with customizable fade effects

Effect	Template
None	`ws-mtv.htm`
Fade	`ws-mtv-fade.htm`

Frosted Glass¶

Frosted glass overlay with blurred background

Effect	Template
None	`ws-frosted-glass.htm`

GIFWords¶

Animated GIF background with lyrics/words display

Effect	Template
Fade	`ws-gifwords-fade.htm`

Typing¶

Typewriter-style animated text display

Effect	Template
Classic	`ws-typing-classic.htm`
Amber	`ws-typing-amber.htm`
Terminal	`ws-typing-terminal.htm`
Matrix	`ws-typing-matrix.htm`

Requests¶

Track request display overlay

Effect	Template
None	`ws-requests.htm`

WebGL¶

WebGL-rendered spinning vinyl record with cover art texture

Effect	Template
Vinyl	`ws-webgl-vinyl.htm`
Spectrum	`ws-webgl-spectrum.htm`
Hologram	`ws-webgl-hologram.htm`
Wave	`ws-webgl-wave.htm`
Cube	`ws-webgl-cube.htm`

Canvas¶

Canvas 2D floating particles over transparent stream background

Effect	Template
Particles	`ws-canvas-particles.htm`