← All examples

JavaScript Media

Media volume booster

Raises video and audio loudness above 100% via a Web Audio gain node; reload the page to reset.

Code to copy

// Boost video/audio loudness above 100% using a Web Audio gain node.
// Note: volume can only be amplified once per element; reload to reset.
var ctx = new (window.AudioContext || window.webkitAudioContext)();
var gain = ctx.createGain();
gain.gain.value = 2.5; // 250% — lower this if audio distorts.
gain.connect(ctx.destination);
document.querySelectorAll('video, audio').forEach(function (m) {
  if (m.dataset.jzBoosted) return;
  try {
    ctx.createMediaElementSource(m).connect(gain);
    m.dataset.jzBoosted = '1';
  } catch (e) { /* element may already be routed */ }
});
document.addEventListener('play', function () {
  if (ctx.state === 'suspended') ctx.resume();
}, true);

How to use this example

  1. Copy the code with the button above.
  2. Install JustZix (2 minutes) and open the extension on the target page.
  3. Add a new rule matching that page.
  4. Paste the code into the rule's JavaScript panel and save — it runs on every page visit.

Rate this example

No ratings yet — be the first.

Does this example work?

Snippets are useless without somewhere to paste them.

JustZix takes 2 minutes to install and runs your code on every matching page. No account, no payment.

Download free See use cases