webfft

Creative

audio spectrogram analyzer

SHOW HN2023

244points
69comments
#203of 3,109 in 2023
Top 7%of 2023 by points

How HN took it

MixedNo clear lean

13 positive, 12 neutral or asking, 1 mixed, 6 critical, out of 32 comments about the project. Thread score +0.31.

Execution: 1 for, 5 againstIdea: 4 for, 0 againstDesign: 3 for, 0 againstPerformance: 1 for, 1 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Fun, useful and easy to use

    From 3 comments
    • This is a lot of fun
      bitsinthesky on HN
    • I like this! Easy to use, fun, useful. Nice work.
      ddingus on HN
    • Very nice, I tried on my phone and was really enjoyed being able to intuitively select regions to playback. Very fun.
      djmips on HN
  • Fast performance

    From 1 comment
    • Nice - very fast (using WebGPU?). I like the interesting ability to play a "rectangular" (time + frequency limited) section of the audio.
      HarHarVeryFunny on HN
  • Selecting regions to play back is intuitive

    From 2 comments
    • Very nice, I tried on my phone and was really enjoyed being able to intuitively select regions to playback. Very fun.
      djmips on HN
    • Nice - very fast (using WebGPU?). I like the interesting ability to play a "rectangular" (time + frequency limited) section of the audio.
      HarHarVeryFunny on HN

Objections

  • Shows 'mime type is not supported' error on iOS Safari and other mobile browsers

    From 4 comments
    • Looks like it says “mime type is not supported” on mobile Safari.
      montag on HN
    • I get the same error on Iphone/Safari
      grugagag on HN
    • Also iPhone/chrome
      lokar on HN
    • I get the mime error on Firefox mobile. Very interesting idea though, hope I can try it in the future.
      rickcarlino on HN
  • Frequency axis is linear, so voice occupies little of the screen

    From 2 comments
    • 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…
      wpietri on HN
    • Zooming is not really a way to get what I'm after, because I was trying to hear particular bands one after the other. E.g., trying to listen to one octave after the next. And…
      wpietri on HN
  • Firefox makes the page very resource heavy

    From 1 comment
    • Not OP, but...why on earth does having your site open in firefox nearly set my computer on fire?
      KennyBlanken on HN

Requests

  • Add a log or non-linear frequency scale

    From 2 comments
    • 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…
      wpietri on HN
    • Zooming is not really a way to get what I'm after, because I was trying to hear particular bands one after the other. E.g., trying to listen to one octave after the next. And…
      wpietri on HN
  • Add sample audio to try before granting microphone access

    From 1 comment
    • Web apps like this that accesses user's data should provide samples for users to experiment and explore before they have to give access to their actual data.
      vishnuharidas on HN
  • Support Space bar playback and a play position marker

    From 1 comment
    • Nice tool. Some suggestions: - Allow playback via Space button. Show a play marker to let the user know where in the sample they are, even without having selected a part. -…
      slhck on HN
  • Document supported file types and transcoding of video

    From 1 comment
    • Would be awesome if it told me what file types it supported and also helped transcode some things like videos. Looks very interesting though.
      nixpulvis on HN

Questions

  • Can it display in real time?

    From 1 comment
    • 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…
      Groxx on HN
  • Which window size and settings to use

    From 1 comment
    • Your spectrogram looks elongated horizontally because the FFT window size is too large. I use window size 1024 with sample rate 48000 Hz, so one window covers 1024/48000=0.02…
      ssgh on HN

Alternatives named

  • Audacity

    From 1 comment
    • Very nice app. I usually use Audacity to inspect the spectrogram of FLAC files and see if they really are 44100Hz or if someone packaged a constant rate 320kbps mp3 encode into a…
      vjerancrnjak on HN
  • Sonic Visualiser

    From 1 comment
    • Seems like you never saw or used SpectraLayers (commercial tool from Steinberg) or Sonic Visualiser (OSS project). Both have much more advanced visualization capabilities than…
      an-unknown on HN
  • iZotope RX

    From 1 comment
    • Izotope, associated with MIT researchers, makes arguably the best such tool for the pro audio industry. Their RX suite is truly miraculous, allowing audio engineers to visualize…
      brunorsini on HN
  • Praat

    From 1 comment
    • What we really need is PraaS (Praat as a Service). Praat Cloud Edition. Etc.
      k8si on HN
  • Web Audio API analyser node

    From 1 comment
    • The WebAudio API has an anlayser node that can create spectrogramms in real-time. The ones I've created in the past were nowhere near as detailed as this one though.…
      Bewelge on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/35781959)