DEV Community

support
support

Posted on

[Showcase] Just launched: Sound Level Meter โ€” a professional online sound measurement tool built entirely in the browser ๐Ÿ”Š

Hey everyone ๐Ÿ‘‹

Iโ€™ve been building something Iโ€™m really proud of โ€” SoundLevelMeter.org
โ€” a professional-grade online sound measurement tool that runs directly in your browser.

No downloads. No native apps. Just pure web tech (Next.js 15, React 19, Web Audio API, Tailwind, Cloudflare Workers).

๐Ÿš€ What it does

Sound Level Meter turns your deviceโ€™s microphone into a real-time sound analyzer. It can:

Measure decibel levels instantly (MIN / AVG / MAX / PEAK)

Show frequency spectrum with real-time FFT visualization

Apply professional weighting filters (A/C/Z)

Classify sounds (traffic, construction, conversation, etc.)

Calibrate manually for accuracy across different devices

Itโ€™s used by acoustic engineers, teachers, sound designers, and even everyday users who just want to see how loud their surroundings are.

๐Ÿง  Why I built it

As a developer and a dad, Iโ€™ve always loved mixing tech with real-world physics.
I wanted something accurate, lightweight, and accessible for anyone curious about sound โ€” whether youโ€™re testing a music room, measuring workplace noise, or just checking how loud your kids are shouting ๐Ÿ˜….

Most existing apps require downloads or hardware.
I thought: why not make it 100% web-based, with professional accuracy right in the browser?

โš™๏ธ Tech Stack

Frontend: Next.js 15 + React 19

Styling: Tailwind CSS + shadcn/ui

Audio engine: Web Audio API + FFT

Hosting: Cloudflare Workers + OpenNext

๐Ÿ“ˆ Whatโ€™s next

Add sound recording and playback

More visualizations (spectrograms, time-domain graphs)

A mobile-optimized offline PWA version

Launch on Product Hunt next week

๐Ÿ’ฌ Would love your feedback

If youโ€™re into web audio, performance optimization, or just curious about browser-based sensor tools โ€”
๐Ÿ‘‰ Try it here: https://soundlevelmeter.org/

Iโ€™d love to hear:

Howโ€™s the UX on your device?

Any ideas for other โ€œsensor-basedโ€ web tools worth building?

Thanks for reading โ€” happy to answer any questions about the tech, architecture, or calibration side! ๐Ÿ™Œ

Top comments (0)