Browser media engineering · 2026 · Solo — popularity-led research, interval architecture, browser media engineering, test-first reliability, responsive verification, exact-SHA release
Keeptake
A one-control cutting bench that turns live presenter judgment into a finished local highlight take.
The problem
Founders, designers, and support engineers often record a long walkthrough to preserve one short moment worth sharing. Keeptake accepts a user-owned local screen recording, lets the presenter mark useful moments during playback, merges three-second context windows around those marks, and renders one new visual WebM for inspection and download. Source bytes remain in the browser; the static product has no upload service, account, analytics, stock-media query, AI generation, or audio-output claim. Input is capped at 250 MB, output at 20 marks and 120 retained seconds, and encoding requires current MediaRecorder and canvas capture support. GitHub deployment 5977798433 completed successfully from exact private-repository SHA 2addbdd19ab66e3dbf75cb40caedd0de7d1546ac, producing READY Vercel deployment dpl_8XeurQuniuVgrNbwwuF4y5kumrLR before the production golden path was verified again with real local video import, mark creation, downloadable output, mobile and short-height geometry, JavaScript-disabled fallback, and zero console or page errors. The idea came from secure 2026-08-18 radar run 34455abb-0415-435e-adbf-3befc917c574: daily rank #1 harry0703/MoneyPrinterTurbo gained 2,304 stars that day and had 108,912 total stars at collection. Keeptake translates demand for completed video into an original human-directed local capture workflow without copying the source repository's code, brand, assets, generation pipeline, or interface.
Architecture
Key decisions
Turn points into bounded media ranges
Each keep gesture becomes a deterministic context interval. The pure core clamps intervals to media duration, sorts and merges overlap, caps marks at 20, and limits retained output to 120 seconds before browser rendering begins.
Pause recording across discarded gaps
The compositor seeks between disjoint ranges while MediaRecorder is paused, so navigation time does not leak into the highlight. Same-position seeks bypass an event wait, and setup, playback, and render stalls have bounded recovery paths.
Keep the privacy and format claim narrow
Keeptake processes one user-owned file through browser object URLs and exposes visual WebM output only. It does not claim audio preservation, automatic highlight detection, cloud storage, identity detection, or universal codec support.
Test lifecycle failures before publication
Red-to-green regressions cover mutation locking, drag-and-drop replacement, recorder setup failure, non-settling playback, seek gaps, object-URL cleanup, result unloading, keyboard filtering, mark limits, reduced motion, no JavaScript, and 320-pixel geometry.
Bind the public story to external evidence
The private default branch, successful GitHub deployment status, Vercel READY record, stable HTTPS alias, production media path, responsive geometry, and console gate were checked against full SHA 2addbdd19ab66e3dbf75cb40caedd0de7d1546ac before this case study was added.