Spectrum Reel is a Video.js 10 skin built from a scan of the film it plays. The seek bar borrows the old movie-barcode idea and makes it the timeline: not one colour per scene but every frame, eight a second, squeezed into a column and cut into scenes at the hard cuts, so you can see the aurora or the desert and jump straight there (click, [ and ], or the Scenes menu). Instead of one gradient over every frame, each row of controls gets its own backing for the picture behind it: a thin shade over a dark horizon, a paper chip over cloud or a lit city. That map is made once per video by a small script, so nothing reads the video during playback, and without it the skin falls back to a plain scrim. Footage: NASA ISS time-lapses (public domain in the US), streamed from Mux.

I Designed a custom skin for the Video.js v10 player. In Video.js v10, a skin is the player’s interface: the UI components plus the styles that present them. Video.js is open source and community-driven, and the player can end up on almost any website, so every skin makes a choice: how much personality it has, how well it fits into someone else’s design, and how far it pushes the controls. This was all incorporated into the design from scratch. The built-in v10 skins show this range. Creativity and mastery are incorporated to produce something nice and pleasant.

Please make sure you've shared a public link for us to view your project!