Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: I've built a spectrogram analyzer web app

webfft.net

Post reply on HN
Print view View original

11–20 of 71 posts

Re: Show HN: I've built a spectrogram analyzer web app

#11

Post by wpietri »

ssgh wrote: post #2

Author here. This is a basic spectrogram visualizer that's mobile friendly. It allows to select regions on the spectrogram and play them separately. There is no grand plan behind this web app: it's just a handy basic tool to capture sounds on your phone and see what they look like.

Very neat! May I suggest adding a button to switch to log scale for frequency? I love the ability to select and play back just a particular set of frequencies. But voice uses only about ~15% of the screen height [1], so it's hard to play with.

[1] https://en.wikipedia.org/wiki/Voice_frequency

Re: Show HN: I've built a spectrogram analyzer web app

#12

Post by djsamseng »

peepwaah wrote: post #5

Can you recommend any good references to begin understanding the Spectrogram ? I work in DL based Noise cancellation - major part of my work involves analyzing spectrograms - I find it very difficult to do my work without having an ability to critically analyze these images. Any help from anybody ?

This is a pretty good introductory primer. https://medium.com/analytics-vidhya/understanding-the-mel-sp...

1. STFT (get frequencies from the audio signal)

2. Log scale/ decibel scale (since we hear on the log scale)

3. Optionally convert to the Mel scale (filters to how humans hear)

Happy to answer any questions

Re: Show HN: I've built a spectrogram analyzer web app

#13

Post by peepwaah »

djsamseng wrote: post #12
peepwaah wrote: post #5

Can you recommend any good references to begin understanding the Spectrogram ? I work in DL based Noise cancellation - major part of my work involves analyzing spectrograms - I find it very difficult to do my work without having an ability to critically analyze these images. Any help from anybody ?

This is a pretty good introductory primer. https://medium.com/analytics-vidhya/understanding-the-mel-sp... 1. STFT (get frequencies from the audio signal) 2. Log scale/ decibel scale (since we hear on the log scale) 3. Optionally convert to the Mel scale (filters to how humans hear) Happy to answer any questions

Thanks for your effort in sharing the link- am kind of comfortable with most of the theoretical aspects of STFT/FFT/MelScale etc.. but when i look at the spectrogram i still feel am missing something. When i look at the spectrogram i want to know how clear is the quality of the speech in the audio - is there background noise - Is there a reverb - Is there a loss anywhere - I have a feeling that these are possible to be learnt from analyzing spectrograms but not sure how to do it. Hence the question.

Re: Show HN: I've built a spectrogram analyzer web app

#14

Post by jxmorris12 »

firefoxd wrote: post #10

Simple, straight to the point, and super useful. One place I used these was on a toy AI assistant. I recorded myself saying a trigger word thousands of times, cut the audio in pieces and converted each to a spectrogram image. I then feed those to a training model to help recognize the trigger word. Before the spectrogram, i was feeding the wav file directly, it was incredibly intensive on my laptop. But the image fil…

How would this work with AI? Don’t you need to train the model to discriminate between the trigger word and other words? If all that’s seen during training is the trigger word, the model will just learn to say “yes” to everything, if you get what I mean.

Re: Show HN: I've built a spectrogram analyzer web app

#16

Post by KennyBlanken »

echelon wrote: post #4
ssgh wrote: post #2

Author here. This is a basic spectrogram visualizer that's mobile friendly. It allows to select regions on the spectrogram and play them separately. There is no grand plan behind this web app: it's just a handy basic tool to capture sounds on your phone and see what they look like.

This is incredible! One of the best spectral tools I've seen. Can we hire you to help us improve the (broken) spectral visualizations on our app? Example: https://fakeyou.com/tts/result/TR:9jy3vew9w0s3ew4keay9m330rd... I would so love to hire you to help us. This is freaking cool. Even if you're not interested, mad props. I really love this.

Not OP, but...why on earth does having your site open in firefox nearly set my computer on fire?

Re: Show HN: I've built a spectrogram analyzer web app

#17

Post by rickcarlino »

ssgh wrote: post #2

Author here. This is a basic spectrogram visualizer that's mobile friendly. It allows to select regions on the spectrogram and play them separately. There is no grand plan behind this web app: it's just a handy basic tool to capture sounds on your phone and see what they look like.

I get the mime error on Firefox mobile. Very interesting idea though, hope I can try it in the future.

Re: Show HN: I've built a spectrogram analyzer web app

#18

Post by nick_m »

Brilliant work - I "get" how this works, I've just spent about half-an-hour playing with this (Chrome browser on my kitchen ChromeBook), singing into it and letting it "listen" to the ambient background noise here (old cooker clock ticking, fridge compressor rumbling occasionally). Useful, educational, and fun also - thanks for publishing/hosting this so others can enjoy it!

Re: Show HN: I've built a spectrogram analyzer web app

#19

Post by Groxx »

ssgh wrote: post #2

Author here. This is a basic spectrogram visualizer that's mobile friendly. It allows to select regions on the spectrogram and play them separately. There is no grand plan behind this web app: it's just a handy basic tool to capture sounds on your phone and see what they look like.

Quite neat, thanks for sharing! I've never been able to play portions like this before, it's interesting.

Is there any way to make this display in real time, or is that not (currently?) possible with audio APIs?

Re: Show HN: I've built a spectrogram analyzer web app

#20

Post by a-dub »

ssgh wrote: post #2

Author here. This is a basic spectrogram visualizer that's mobile friendly. It allows to select regions on the spectrogram and play them separately. There is no grand plan behind this web app: it's just a handy basic tool to capture sounds on your phone and see what they look like.

i really like the filter definition as selection rectangle on time frequency plot ux,
Post reply on HN