← Back

Theater Mode Everywhere

Creator / 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 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:

Technologies used: TypeScript, Vite, Rollup, Manifest V3, WebExtensions API, Main World Injection, Chrome & Firefox API, HTML5 Video API, CSS Grid & Flexbox