← Back

Theater Mode Everywhere

Creator / Product Designer / Developer · Open Source

Period: 2024 – Present

One-Key Immersive Mode: Designed and built a browser extension for Chrome, Firefox, and Edge that maximizes any HTML5 video player to fill the browser viewport with a single keystroke, removing distracting headers, sidebars, comments, and recommendations.

Heuristic DOM-Detection Engine: Developed a custom detection engine that automatically locates raw <video> tags and iframe-embedded players (YouTube, Vimeo, Twitch), isolating them within a dark, cinematic backdrop.

Custom Overlay Controls: Created a custom control bar featuring play/pause, volume scrubbing with visual tooltips, dynamic progress tracking, and detailed time indicators (both elapsed and remaining).

Advanced Shortcuts & Frame-Stepping: Implemented keyboard shortcuts for seeking, dynamic playback speed adjustments, and precision frame-by-frame stepping.

Options Page & Custom Bindings: Built a TypeScript options UI allowing users to customize keybindings for toggling, seeking, or stepping, and manage global domain blacklists to disable the extension on conflicting websites.

Privacy, Performance & Automation: Engineered a lightweight Manifest V3 architecture with minimal content script runtime, no tracking or analytics, and browser automation coverage with Playwright and Puppeteer.

Store Publishing: Successfully navigated strict security review pipelines to publish on Chrome Web Store and Firefox Add-ons, with the Edge Add-ons version currently under technical review.

Technologies and focus areas

Languages

  • TypeScript

Frontend

  • CSS Grid
  • Flexbox

Testing & Automation

  • Playwright
  • Puppeteer

Web Platform

  • HTML5 Video API
  • DOM API

Browser Extensions

  • Manifest V3
  • WebExtensions API
  • Main World Injection
  • Browser Extension APIs

Build Tooling

  • Vite
  • Rollup