// PARTICLE PLAYER 01 · LIVE
SPILL
The movie spills off the screen and onto your walls. Bias lighting for the web: 48 LEDs behind the TV read the edge of every frame and throw its colors across the room.
How it works
SPILL is TV bias lighting built into a video player. The video plays untouched on a TV floating on a dark living room wall, and 48 virtual LEDs sit behind it in a ring: 16 along the top, 16 along the bottom and 8 down each side. Every frame, each LED reads the colors at its edge of the picture, boosts the saturation the way real ambient lighting kits do, and switches itself off for black bars and dark edges. Their light washes across a plaster-textured wall with soft rays and dust drifting through it, and a glossy desk under the soundbar reflects both the picture and the glow. The light even spills past the player onto the page around it.
The controls live on a soundbar under the TV, and its timeline is lit in the room's colors from left to right. The mode button switches between Video (smooth), Game (fast and punchy), Music (the bass pulses the lights, never more than about three flashes a second) and Bias (a steady warm white). The glow button sets it soft, bright or intense. The LEDs chase on around the TV when the player appears, the room dims and breathes while paused, and the light fades out at the end. L cycles the modes.
Every control is a real Video.js control with keyboard support and visible focus. Reduced motion keeps the color following the picture but slows it right down and stops the rays, dust, chase and breathing. Without WebGL2 the room is lit with plain CSS glows from the same LED colors, and if a video's frames can't be read the room falls back to warm bias light.
Controls
- Space Play or pause
- ← → Seek 10 seconds
- ↑ ↓ Volume
- 0–9 Jump to 0–90%
- M Mute
- F Fullscreen
- 2× tap Sides seek, center goes fullscreen
- Mode Video, Game, Music or warm Bias light
- Glow Soft, bright or intense
- L Next light mode
// THE BRANCH
Particle players. Each one turns the picture into something else.
- LIVE
SPILL
The movie lights the room.
Bias lighting for the web: 48 LEDs behind the TV throw the picture's colors across the wall.
- LIVE
SWARM
The player is made of light.
The video plays untouched inside a black hole, a cherry blossom storm or a murmuration of starlings.
- LIVE
INK
The video, poured into water.
A fluid solver carries the picture. Pause and it melts into technicolor ink.
- LIVE
EMBER
The picture burns.
Bright pixels shed embers that rise through the fluid and relight the frame.
- LIVE
GRAIN CINEMA
Every frame turns to light.
The video as a 3D point cloud you can orbit. The camera flies through it when you seek.
- CONCEPT
MURMURATION
Every cut is a flock.
Tens of thousands of birds settle into the picture, scatter on every scene cut, and regroup into the new shot.
- CONCEPT
GLYPH
Type is the pixel.
The picture drawn in live colored characters on stacked depth layers that tumble apart when you seek.
- CONCEPT
LIQUID CHROME
Mercury that remembers.
Particles that render as liquid metal reflecting the video. They pool when you pause and pull back into the frame on play.