Media Player
A playback bar over a real audio or video element: play, a draggable scrub track with the buffered range behind it, a time readout, volume and mute. Source, poster and every colour are property controls.
Aurelian, a template tour
0:00
--:--
The scrub track takes its pointer capture on itself, never on a parent, so the transport buttons beside it stay alive to a real mouse. Arrow keys, Home and End move the playhead.
Nightshift, Side A
1:21
3:34
The same player in audio mode over a drawn plate. With no source set it shows a readable preview state rather than a zero clock, which is what the canvas and the listing art are shot from.