Video.js skin
The Vibe Room
No video loaded
Captions are on. Keys: Space plays and pauses, M mutes, C toggles captions, F goes fullscreen, arrows seek and set volume.
Notes
- Idea
- The Vibe Room: a player for photography films, lit like the darkroom, in a color the viewer chooses. The controls are chunky and glove-friendly on a near-black slab, every target 48px, and the seek is an enlarger timer rail: a heavy rail with a round crimson handle. Pause, and a soft safelight glow warms up behind the center play the way the lamp over the bench does; press play and it dims back to working darkness. A Vibe button on the slab opens a color swatch book, and the viewer picks their own light: safelight red, amber, deep green, moonlight blue, magenta, warm white, electric cyan, ultraviolet or chrome. The picked light runs through the player: the bloom, the played run of both rails and their handles, the CC chip's underline, the hover tile and focus glow. The near-black slab and center play stay dark; the cream controls stay cream.
- Accessibility
- Cream glyphs and the tabular time sit on a near-black slab at 96% opacity, far above 4.5:1 over any frame, and the cream rail reads clearly against both the slab and the default crimson run. Every target is 48px, on phones too. Focus is a cream ring outside a near-black gap with a soft glow in the picked color. Captions off is a dimmed CC chip and on adds a bar in the picked color under it, so state never rests on color alone. The bloom is gone under reduced motion, reduced transparency and more contrast also drop the slab and focus glows, and forced colors switch the slab to system colors with an outline kept on the cream glyphs. The Vibe picker is a labeled menu button in the bar's tab order: arrows move through the nine named colors, Enter or a tap picks and closes, Escape closes without a change, and focus returns to the Vibe button.
- Craft
- Every control image is Gemini's own art cut from one sheet: the chunky cream glyphs, the cream CC chip, the heavy rail split at its baked handle into a crimson run and a cream run, the lone crimson handle, and the near-black disc for the center play. The safelight is light only, a radial glow centered on the disc that fades in over 1.4 seconds while paused and dims in 0.7 seconds when the video plays, waits or errors. Both handles stay inside their rails at both ends. Each color retints the same crimson rail art through a CSS filter fitted to its target color, so the art is never redrawn; Chrome alone adds a CSS layer on top, metal bands with glitter over the runs and a sheen and a sparkle star on each handle.