Forem: I_See_You

I built a Chrome extension to mute Google Meet from any tab — here's what I learned

I_See_You — Sat, 23 May 2026 07:04:39 +0000

Every remote worker knows this ritual: you're deep in a doc, the dog starts barking, and you frantically Ctrl+Tab through 30 tabs to find the Meet window and hit mute. By the time you get there, your entire team has heard everything.

I got tired of it, so I built MeetMute — a Chrome extension that puts a floating mute button on every tab during a Google Meet call. Click it from anywhere, or press Ctrl+Space, and you're muted. No tab switching.

What it does

Floating button on every tab — A small circle sits in the corner. Red = muted, green = live. Drag it to any screen edge; it remembers where you put it.
Keyboard shortcut (Ctrl+Space) — Mute mid-sentence in a doc without lifting your hands off the keyboard.
Push-to-talk — Hold the button or shortcut to unmute, release to auto-mute. Walkie-talkie style for noisy environments.
Toolbar icon — Green, red, or gray so you know your mic state at a glance.
Site exclusions — Right-click the float to hide it on specific sites.

The tech stack

I used WXT (a framework for building web extensions) with TypeScript and Chrome Manifest V3. Here's the architecture:

background.ts (service worker)  — central hub, manages state
meet.content.ts                 — injected into Meet tabs, detects call/mute state
float.content.ts                — injected into all tabs, renders the floating button
popup/                          — toolbar popup UI
options/                        — settings page

WXT made the developer experience significantly better than raw MV3. Hot reloading, auto-generated manifest, TypeScript support out of the box — it let me focus on the actual extension logic instead of fighting with build tooling.

Interesting problems I solved

Detecting mute state without an API

Google Meet doesn't expose a public API for microphone state. The content script on the Meet tab watches the DOM — specifically the mute button's data-is-muted attribute and aria labels. It's fragile (Google can change it anytime), but it works reliably and I haven't had to patch it since launch.

Floating button on every tab with Shadow DOM

The float button is injected as a custom element (<meetmute-float>) using Shadow DOM so it's completely CSS-isolated from the host page. No matter what styles a website uses, the button looks the same. I inline the CSS at build time to avoid FOUC.

Service worker keep-alive

MV3 service workers get killed after 30 seconds of inactivity. During an active call, I use chrome.alarms to keep it alive so mute state updates don't get dropped. When the call ends, the alarm stops and the worker is free to sleep.

Push-to-talk with pointer events

PTT uses pointerdown/pointerup on the float button and keydown/keyup via chrome.commands for the keyboard shortcut. The tricky part was handling the intent delay — a quick click when PTT is enabled should still toggle (not start a PTT session), so there's a short delay before entering "hold" mode.

Handling extension reloads gracefully

When the extension updates or reloads, old content scripts become orphaned but their DOM elements stick around. On injection, the float script removes any stale <meetmute-float> elements before creating a new one — otherwise you'd get duplicate buttons stacking up.

Things I'd do differently

Start with optional_host_permissions from day one. I initially declared *://*/* as a required host permission, which triggered Chrome Web Store's "Broad Host Permissions" review. Switching to optional permissions with a runtime prompt was better UX anyway — users grant access when they first see the float prompt, and it's less scary than a wall of permissions at install.

Test the DOM selectors against Meet's UI updates. This is the biggest maintenance risk. Google Meet's DOM changes without warning. I'd set up a periodic smoke test if I were doing this again.

Privacy

No data leaves your browser. No analytics, no tracking, no accounts, no external servers. Your preferences (button position, settings) are stored in chrome.storage.local and that's it. The source code is open.

Try it out

Chrome Web Store: MeetMute - Mute Control for Google Meet

If you work remotely and use Google Meet, give it a shot. It's one of those tools where the value is hard to explain until you're mid-call reaching for the mute button and it's just... already there.

Feedback welcome — I'm still actively developing it. Happy to answer questions about WXT, MV3 development, or anything else in the comments.

I Built a Chrome Extension to Track How Long You Actually Spend on Each Tab

I_See_You — Sat, 23 May 2026 06:47:18 +0000

The Problem

You open a tab to "quickly check" something. Forty minutes later you're still there.

Browser history tells you what you visited. It never tells you how long you stayed. I kept losing track of time across research sessions, YouTube rabbit holes, and work dashboards — so I built something to fix it.

Introducing Tab Timer

Tab Timer is a Chrome extension that tracks time spent on any website and shows it live via a small floating widget directly on the page — no need to click anything, it's just always there.

Install on Chrome Web Store

Key Features

Floating On-Page Widget

A draggable timer widget lives right on the page. Choose from 4 sizes (Extra Compact to Large). You can customize which buttons show — pause, reset, and lock — or hide them entirely.

Focus Mode

When enabled, only the currently active tab's timer runs. Switch tabs, and the previous one pauses automatically. This gives you an honest measure of time actually spent looking at something, not just time it sat open.

Lock Timers

Refreshing a page normally resets a timer. Lock a tab's timer and it survives reloads. New timers start locked by default — so a page refresh doesn't wipe your session time.

Per-Site Control

Enable Tab Timer only on sites you want to track, or flip on "enable all sites" to track everything. You stay in control of what gets monitored.

Analytics

Tab Timer records your time locally and gives you:

Daily time breakdowns per site
Top sites by time spent
Trends over time

(Insert analytics screenshot here)

All data is stored in Chrome's local storage. Nothing is ever sent to any server.

How I Built It

Manifest V3 — built on the latest Chrome extension platform
Service Worker for background timer tracking
Chrome Storage API for persisting timers and analytics locally
Content Scripts for injecting the floating widget into pages
No frameworks, no build tools — plain JS, HTML, and CSS

The trickiest part was handling the Focus Mode logic: pausing timers across all tabs when the active tab changes, while making sure timers survive tab reloads and browser restarts without drifting.

Privacy

No accounts. No servers. No tracking of your data by me.

Everything Tab Timer records stays in your browser's local storage and never leaves your device.

What's Next

Time limits and alerts (e.g. notify after 30 min on a site)
Weekly email/export reports
Dark mode widget theme

Try It

Install Tab Timer from the Chrome Web Store

I'd love feedback, bug reports, or feature ideas — drop them in the comments below!

I Built a Chrome Extension to Track How Long You Actually Spend on Each Tab

I_See_You — Mon, 11 May 2026 21:17:49 +0000

The Problem

You open a tab to "quickly check" something. Forty minutes later you're still there.

Introducing Tab Timer

Tab Timer is a Chrome extension that tracks time spent on any website and shows it live via a small floating widget directly on the page — no need to click anything, it's just always there.

Install on Chrome Web Store

Key Features

Floating On-Page Widget

A draggable timer widget lives right on the page. Choose from 4 sizes (Extra Compact to Large). You can customize which buttons show — pause, reset, and lock — or hide them entirely.

Focus Mode

Lock Timers

Refreshing a page normally resets a timer. Lock a tab's timer and it survives reloads. New timers start locked by default — so a page refresh doesn't wipe your session time.

Per-Site Control

Enable Tab Timer only on sites you want to track, or flip on "enable all sites" to track everything. You stay in control of what gets monitored.

Analytics

Tab Timer records your time locally and gives you:

Daily time breakdowns per site
Top sites by time spent
Trends over time

(Insert analytics screenshot here)

All data is stored in Chrome's local storage. Nothing is ever sent to any server.

How I Built It

Manifest V3 — built on the latest Chrome extension platform
Service Worker for background timer tracking
Chrome Storage API for persisting timers and analytics locally
Content Scripts for injecting the floating widget into pages
No frameworks, no build tools — plain JS, HTML, and CSS

The trickiest part was handling the Focus Mode logic: pausing timers across all tabs when the active tab changes, while making sure timers survive tab reloads and browser restarts without drifting.

Privacy

No accounts. No servers. No tracking of your data by me.

Everything Tab Timer records stays in your browser's local storage and never leaves your device.

What's Next

Time limits and alerts (e.g. notify after 30 min on a site)
Weekly email/export reports
Dark mode widget theme

Try It

Install Tab Timer from the Chrome Web Store

I'd love feedback, bug reports, or feature ideas — drop them in the comments below!

I Built a Chrome Extension to Track How Long You Actually Spend on Each Tab

I_See_You — Mon, 11 May 2026 21:17:49 +0000

The Problem

You open a tab to "quickly check" something. Forty minutes later you're still there.

Introducing Tab Timer

Tab Timer is a Chrome extension that tracks time spent on any website and shows it live via a small floating widget directly on the page — no need to click anything, it's just always there.

Install on Chrome Web Store

Key Features

Floating On-Page Widget

A draggable timer widget lives right on the page. Choose from 4 sizes (Extra Compact to Large). You can customize which buttons show — pause, reset, and lock — or hide them entirely.

Focus Mode

Lock Timers

Refreshing a page normally resets a timer. Lock a tab's timer and it survives reloads. New timers start locked by default — so a page refresh doesn't wipe your session time.

Per-Site Control

Enable Tab Timer only on sites you want to track, or flip on "enable all sites" to track everything. You stay in control of what gets monitored.

Analytics

Tab Timer records your time locally and gives you:

Daily time breakdowns per site
Top sites by time spent
Trends over time

(Insert analytics screenshot here)

All data is stored in Chrome's local storage. Nothing is ever sent to any server.

How I Built It

Manifest V3 — built on the latest Chrome extension platform
Service Worker for background timer tracking
Chrome Storage API for persisting timers and analytics locally
Content Scripts for injecting the floating widget into pages
No frameworks, no build tools — plain JS, HTML, and CSS

The trickiest part was handling the Focus Mode logic: pausing timers across all tabs when the active tab changes, while making sure timers survive tab reloads and browser restarts without drifting.

Privacy

No accounts. No servers. No tracking of your data by me.

Everything Tab Timer records stays in your browser's local storage and never leaves your device.

What's Next

Time limits and alerts (e.g. notify after 30 min on a site)
Weekly email/export reports
Dark mode widget theme

Try It

Install Tab Timer from the Chrome Web Store

I'd love feedback, bug reports, or feature ideas — drop them in the comments below!