Theater Mode Everywhere
Creator / Developer · Open Source
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 Focus: Engineered a lightweight Manifest V3 architecture with zero CPU/RAM overhead, utilizing minimal content script runtime and offering 100% user privacy without tracking or analytics.
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.
Stores & Installation:
- Chrome Web Store ↗
- Firefox Add-ons ↗
- Edge Add-ons (in review)
- Source code on GitHub ↗
Technologies used: TypeScript, Vite, Rollup, Manifest V3, WebExtensions API, Main World Injection, Chrome & Firefox API, HTML5 Video API, CSS Grid & Flexbox