Copy this
Paste it wherever the meter should appear. Adjust the width, height, and border radius to suit your layout — nothing else needs changing.
<iframe
src="https://decibelpro.io/embed/meter"
title="Live sound level meter"
width="100%"
height="340"
style="border:0;border-radius:12px;max-width:420px"
allow="microphone"
loading="lazy"
></iframe>What it looks like
This is the real widget, embedded here exactly as it would be on your page. Press Start to try it.
Three things to know
The allow="microphone" attribute is required
Without it the browser blocks microphone access inside the frame and the widget can only show its error state. This is a browser rule about cross-origin frames, not something we can grant from our side.
Your page must be served over HTTPS
Browsers only grant microphone access in a secure context, and a frame inherits that requirement from the page around it. On an http:// page the widget cannot start.
Your visitor grants permission, not you
The first time someone presses Start, their browser asks them for microphone access, and the prompt names your site. Nothing happens until they agree, and they can revoke it at any time.
Privacy for your visitors
Audio is processed entirely in the visitor's browser and is never recorded, stored, or transmitted to us or to anyone else. There is no upload step and no server involved in producing a reading.
The widget sets no cookies and runs no analytics, so embedding it does not add a third-party tracker to your page and does not change what you need to disclose in your own privacy policy. The only network request it makes is for the page itself.
Please tell your readers
The widget carries a one-line caveat saying readings are uncalibrated estimates, and we would rather you left it in place. A browser meter is good for screening and for comparing one reading against another, but absolute accuracy varies by device, and a reader who treats it as a calibrated instrument will eventually be misled by it.
If your audience is likely to act on the numbers — workplace safety, a noise complaint, anything with consequences — link them to the accuracy page too, so they know where the limits are.
Terms, briefly
Embed it on as many pages as you like, including commercial ones, at no cost. Keep the attribution link in place, and don't present the readings as coming from a calibrated instrument.
The widget is served from our origin, so it updates when we do — including corrections. We will not start injecting ads or trackers into it; if that ever changed, this page would say so and the changelog would record it.
Questions, or something not working on your site? Write to [email protected].