Video Data Usage Calculator

A Chrome Extension that instantly estimates how much mobile data a video will consume — right from your browser toolbar. Video Data Usage Calculator** scans the active browser tab for any playing `<video>` element and provides an instant, real-time estimate of its data consumption — broken down by resolution, codec, bitrate, and duration. Whether you're on a limited mobile data plan, managing bandwidth for multiple users, or just curious how much a 4K Netflix binge actually costs in gigabytes — this extension gives you a clean, instant answer without leaving the page. 🧭 How to Use 1. Navigate to **any webpage** that has a video (YouTube, Vimeo, news sites, etc.) 2. **Start playing** the video — metadata must be loaded 3. Click the **Video Data Usage Calculator** icon in the Chrome toolbar 4. The popup displays: - **Resolution, Duration, Codec, Estimated Bitrate** in stat cards - Total estimated **data usage** in MB or GB with an animated bar - A **data equivalent** for context 5. Click **"Compare Quality Tiers"** to expand a full breakdown across all quality levels 6. Click the **☀️ / 🌙** button to toggle between dark and light themes 7. Use the **🌐 language dropdown** to switch language instantly — auto-detected from your browser 8. Set a **data alert threshold** in the bottom bar — get notified if any video exceeds it ───────────────────────────── 📊 CORE FEATURES ───────────────────────────── ▸ Automatic video detection — scans the active tab for any <video> element ▸ Resolution detection — maps video width to quality label: 144p → 4K ▸ Data usage in KB / MB / GB — auto-scaled and clearly displayed ▸ Human-readable equivalents — "~1.62 DVD equivalent" or "~240 emails" ▸ Animated usage bar — relative to a 4 GB reference scale ───────────────────────────── ⇄ QUALITY COMPARISON MODE ───────────────────────────── Tap "Compare Quality Tiers" to see a full side-by-side breakdown of all 8 quality levels (144p through 4K) using your video's detected codec. Color-coded delta pills show exactly how much data you'd save or spend at each quality: 🟢 Green = lower quality saves data 🔵 Cyan = your current quality 🟡 Amber = higher quality costs more ───────────────────────────── 🔔 HEAVY VIDEO ALERTS ───────────────────────────── Set a custom MB threshold in the alert bar at the bottom. When any video exceeds your limit: • An amber warning banner appears inside the popup with the exact overage • A Chrome system notification fires immediately Your threshold is saved automatically and remembered across sessions. ───────────────────────────── 🌓 DARK / LIGHT THEME ───────────────────────────── Toggle between a deep teal glassmorphism dark mode and a soft mint-white light mode with a single click. Your preference is remembered forever. ───────────────────────────── 🌐 10 LANGUAGES SUPPORTED ───────────────────────────── The extension auto-detects your Chrome language and applies the correct translation instantly. Switch manually any time using the globe dropdown — no reload required. Supported languages: 🇬🇧 English | 🇪🇸 Español | 🇫🇷 Français | 🇩🇪 Deutsch | 🇮🇳 हिंदी 🇨🇳 中文 (简体) | 🇸🇦 العربية (RTL) | 🇧🇷 Português | 🇯🇵 日本語 | 🇰🇷 한국어 Full RTL layout support for Arabic. ───────────────────────────── 🛡️ PRIVACY & PERMISSIONS ───────────────────────────── ▸ activeTab / scripting — reads video metadata from the current tab only ▸ storage — saves your theme, language, and alert threshold locally ▸ notifications — fires alerts when a video exceeds your data threshold ▸ No data is sent to any server. Everything runs 100% locally in your browser.