3D Audio Spectrogram Visualiser to analyse device or browser tab audio

Showcase
, , ,
1

Hey everyone,

I wanted to share a project I’ve been working on in case anyone else finds it useful: an interactive, real-time 3D Audio Spectrogram Visualiser built with Three.js, custom GLSL shaders, and the Web Audio API.

The goal was to create a responsive, hardware-accelerated 3D terrain to conveniently analyse audio coming from a device microphone or streaming from another browser tab, without needing to install external software. It runs entirely in the browser, and you can test it out via the link below.

I’d love to hear your thoughts, feedback, or any ideas for further performance or UX optimisations. Feel free to check out the code, fork it, or test it out with your own audio setups!

2

Hey, that’s a great idea and a great execution. I’ll try it out in different scenarios before I post again, but well done!