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
Post production work for a local fight season finale.
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
Blueprint: a video player drawn like an engineering drawing
Every film starts as a plan, so this player starts as one too. Before you press play, the picture is a blueprint: two inks on a drawing grid. Press play and it develops into the film. When it ends, it goes back on the board.
You seek by measuring. Drag across the picture and you draw a dimension line. Its length is time, at the same scale as the timeline. Let go and the film jumps there. Esc cancels, and the arrow keys do the same job.
Chapters are gridlines. Each chapter gets a lettered grid bubble, the way a structural drawing labels its grid. Bubbles are real buttons. The title block names the current sheet, and the stamp shows player state: For review, On hold, Checking, As built.
The timeline is a dimension line with arrowheads and a scale ruler. Played time is the solid object line and buffered time is the dashed hidden line. Playback speed is the drawing scale.
Built to be used. Every control is a labelled button you can reach by keyboard, captions are included, reduced motion and high contrast settings are respected, and the layout folds down to phone width. One CSS variable repaints the redline in your brand colour.
The film is mine too. "The Crossing" is 40 seconds of a bridge going up, from survey to opening night, drawn and scored for this skin and streamed from Mux. Built on Video.js v10 components with Claude.
A blueprint that develops into the film when you press play, great idea.
Submitting for the Video.js v10 Skins Design Challenge! 🎛️✨
Proud to present "Studio Synth Deck"—a high-end, tactile hardware-inspired video player skin built from scratch using HTML/JS and Video.js v10.
Key Highlights:
Cyber-industrial hardware aesthetic blending classic studio gear vibes with a modern dark mode interface.
Fully integrated with Mux Video for blazing-fast, high-definition streaming playback (y63sHMkeyNTV3FnmlPZ3xFFAHH5qthNLAoVLnxFU5Y).
Responsive touch and custom controls tailored for immersive media experiences.
Check out the live deployment here: [https://wonderful-croquembouche-9ad81b.netlify.app
Feedback and thoughts are always welcome! 🚀
My workflow behind this edit: Started with basic cuts, color correction, and audio enhancement in Premiere Pro. Then moved to After Effects for animated subtitles and modern motion graphics. Wrapped it up in Premiere Pro with sound design and final polishing. All seamlessly connected using Dynamic Link.
#TalkingHeadEditing #VideoEditing #AfterEffects
This is amazing👏I good work