Show HN: Realtime visualization of 3D spectrogram with THREEJS shaders

11 pointsyzdbgd3y ago1 comments

I've been working with 2D spectrograms for a while now while working with Speech recognition.

It had always fascinated me how speech and words had such distinct features. Looking at spectrograms is essentially like hearing with your eyes.

Over the weekend i built a tool to visualize your own audio into a spectrogram in 3D. I used threeJS with shaders and vanilla JS/Html.

Play with it here : https://spectrogram-threejs.vercel.app/

I hope it brings you as much joy as it does for me.

1 comments

Quickly tried it, I appreciate how minimal it was.

j / k navigate · click thread line to collapse

11 pointsyzdbgd3y ago1 comments

I've been working with 2D spectrograms for a while now while working with Speech recognition.

It had always fascinated me how speech and words had such distinct features. Looking at spectrograms is essentially like hearing with your eyes.

Over the weekend i built a tool to visualize your own audio into a spectrogram in 3D. I used threeJS with shaders and vanilla JS/Html.

Play with it here : https://spectrogram-threejs.vercel.app/

I hope it brings you as much joy as it does for me.