stratuslogger

12/10/2010

A Chrome extension that added integrated transcription features into the web UI for the Stratus content management system.

JavascriptReactChrome extension
➜ view live project
stratuslogger

I built stratuslogger to speed up the mind-numbing task of logging raw video inside Grass Valley’s STRATUS newsroom CMS. The Chrome extension injects a floating transcription panel and listens to the STRATUS HTML5 player, so every time you tap a hotkey it grabs the live time-code, drops an interactive timestamp into a Draft.js note field, and lets you jump straight back to that moment with a single click — no more scribbling times on paper and scrubbing back manually. 

Under the hood it’s a lightweight React build bundled with Webpack; content scripts load only on newsroom domains, the background worker handles keyboard-shortcut state, and everything persists to chrome.storage so notes survive page refreshes. A GitHub Actions pipeline lints, tests and auto-packages each tag, then pushes a signed ZIP to the Chrome Web Store — meaning producers always pull the latest version.

By turning the logging step into a one-keystroke workflow, the extension cut clip-annotation time in our control room from minutes to seconds and made the process consistent across shows.

Tools and techniques used

Javascript
Core programming language for the extension
React
Frontend framework for building the UI components
Chrome extension
Browser extension platform for integration with web pages