The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Channel is a 20-second "Starting Soon" screen for streamers on Twitch, YouTube and X: an old TV powers on, flicks through static and colour bars, and tunes into your channel like a late-night broadcast. Your name rolls in, STARTING SOON slams onto the screen, tonight's stream title types itself out, the game card flies in, live chat starts popping and the schedule crawls along the bottom, then the set powers off so it loops cleanly as an OBS scene. Every word, the avatar, the game art, the colours, the chat, the goal bar and the channel number are named, editable layers, so the same file becomes a gaming channel's Starting Soon or a cozy stream's Be Right Back.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Verbatim: the subtitle became the player.
The sentence you're hearing is the control bar. Words light up as they're spoken. Drag along them to scrub, or click a word to jump to it.
Three things to try:
• Press / and type a word. Every place it's said gets a tick on the seek bar.
• Hit the link button to copy a link to the exact sentence on screen.
• Stop moving, and the bar folds into an ordinary subtitle.
Built on Video.js v10 as an HTML skin, streamed from Mux, and driven by a plain captions file with no word-level timestamps. Every control works from the keyboard, and it respects reduced motion, high contrast and forced colours.
what is the use case?
The idea was immersion. LED preloader, flickering hero, dark and editorial. Made for streetwear labels and design studios
The CYCLO LAB letters lighting up one by one set the dark editorial mood right away. How long does the preloader run before the hero shows?
Ascent, a Mission Control skin for Video.js 10
There's something special about watching a launch. A whole room goes quiet and everyone watches one big screen. We wanted watching any film to feel a little like that.
The bar along the bottom is a flight path, and we marked the big moments of the film along it, like moments in a mission. You press Launch to start, and a small bright light travels along the path as the film plays. Volume and speed are two engine dials that glow brighter as you turn them up, and when the credits roll the craft goes into orbit.
We also made sure it never gets in the way. The film matters more than the controls. A few seconds after you stop touching it, the controls slide away and you just see the film. It works with a keyboard, on a phone, and for people who prefer less motion.
Please turn the sound up and give it a try: https://ascent-skin.vercel.app
The code is free for anyone to use: https://github.com/Boreallabstudio/ascent
The film is Charge by Blender Studio, shared under CC BY 4.0.
We would love to hear what you think.
#videojsskinschallenge
