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)