Login

u/endoplazmikmitokondr

r/shittyprogramming r/ChromeExtension r/opensource r/coolgithubprojects
I built an extension that turns your tab's audio into a rattling, blown-out car subwoofer
▲ 1 r/ChromeExtension

I built an extension that turns your tab's audio into a rattling, blown-out car subwoofer

My new extension just got approved on the Web Store! It’s called Blown Speaker Simulator.

The concept is meant to be a fun novelty tool: it captures the active tab's audio and digitally manipulates the low-end frequencies to replicate the acoustics of a terrible, blown-out trunk speaker setup.

Quick Volume Warning: If you install it, please lower your YouTube/Spotify web player volume to about 20-30% before clicking "Blow the Speakers!". The digital gain is extreme and it will be incredibly loud if your media volume is maxed out.

chromewebstore.google.com
u/endoplazmikmitokondr — 7 days ago
▲ 0 r/opensource

I built a Chrome extension that turns your active tab into a blown-out car subwoofer (Manifest V3 / Web Audio API)

Hey everyone,

I recently finished a side project and open-sourced it. It’s a Chrome extension called Blown Speaker Simulator. The premise is intentionally silly—it digitally degrades your browser's audio to replicate the acoustic characteristics of a rattling, low-quality trunk setup—but it served as a great practical exercise for dealing with the Web Audio API and modern Manifest V3 constraints.

How it works under the hood: If you've built audio extensions recently, you know Manifest V3 service workers do not support AudioContext natively. To bypass this, the extension relies heavily on the Offscreen API:

  • Stream Capture: It uses chrome.tabCapture to grab the active tab's media stream ID.
  • Offscreen Document: The stream ID is passed to a hidden offscreen HTML document where the actual audio processing happens.
  • The Audio Graph: Inside the offscreen document, a BiquadFilterNode (lowshelf) isolates and aggressively boosts the bass frequencies (+28dB). This signal is then fed into a WaveShaperNode using a custom mathematical curve to apply heavy, real-time clipping/distortion without introducing perceptible latency.
  • State Persistence: The distortion intensity slider in the popup updates the wave-shaper curve in real-time and persists the user's preference using chrome.storage.local.

The extension is currently pending review on the Chrome Web Store, but the full source code is available on GitHub under the MIT License. If you are looking for a working example of how to handle continuous audio manipulation using the Offscreen API in MV3, feel free to check out the codebase.

Repo: https://github.com/Endoplazmikmitokondri/blown-speaker-simulator

u/endoplazmikmitokondr — 11 days ago
▲ 24 r/shittyprogramming+1 crossposts

I built a Chrome extension that turns your active tab into a blown-out car subwoofer (Manifest V3 / Web Audio API)

Hey everyone,

I recently finished a side project and open-sourced it. It’s a Chrome extension called Blown Speaker Simulator. The premise is intentionally silly—it digitally degrades your browser's audio to replicate the acoustic characteristics of a rattling, low-quality trunk setup—but it served as a great practical exercise for dealing with the Web Audio API and modern Manifest V3 constraints.

How it works under the hood: If you've built audio extensions recently, you know Manifest V3 service workers do not support AudioContext natively. To bypass this, the extension relies heavily on the Offscreen API:

  • Stream Capture: It uses chrome.tabCapture to grab the active tab's media stream ID.
  • Offscreen Document: The stream ID is passed to a hidden offscreen HTML document where the actual audio processing happens.
  • The Audio Graph: Inside the offscreen document, a BiquadFilterNode (lowshelf) isolates and aggressively boosts the bass frequencies (+28dB). This signal is then fed into a WaveShaperNode using a custom mathematical curve to apply heavy, real-time clipping/distortion without introducing perceptible latency.
  • State Persistence: The distortion intensity slider in the popup updates the wave-shaper curve in real-time and persists the user's preference using chrome.storage.local.

The extension is currently pending review on the Chrome Web Store, but the full source code is available on GitHub under the MIT License. If you are looking for a working example of how to handle continuous audio manipulation using the Offscreen API in MV3, feel free to check out the codebase.

Repo: https://github.com/Endoplazmikmitokondri/blown-speaker-simulator

u/endoplazmikmitokondr — 11 days ago