[HN Gopher] Show HN: Web Audio Studio - A Visual Debugger for We...
       ___________________________________________________________________
        
       Show HN: Web Audio Studio - A Visual Debugger for Web Audio API
       Graphs
        
       Hi HN,  I've been working on a browser-based tool for exploring and
       debugging Web Audio API graphs.  Web Audio Studio lets you write
       real Web Audio API code, run it, and see the runtime graph it
       produces as an interactive visual representation. Instead of
       mentally tracking connect() calls, you can inspect the actual
       structure of the graph, follow signal flow, and tweak parameters
       while the audio is playing.  It includes built-in visualizations
       for common node types -- waveforms, filter responses, analyser time
       and frequency views, compressor transfer curves, waveshaper
       distortion, spatial positioning, delay timing, and more -- so you
       can better understand what each part of the graph is doing. You can
       also insert an AnalyserNode between any two nodes to inspect the
       signal at that exact point in the chain.  There are around 20
       templates (basic oscillator setups, FM/AM synthesis, convolution
       reverb, IIR filters, spatial audio, etc.), so you can start from
       working examples and modify them instead of building everything
       from scratch.  Everything runs fully locally in the browser -- no
       signup, no backend.  The motivation came from working with non-
       trivial Web Audio graphs and finding it increasingly difficult to
       reason about structure and signal flow once things grow beyond
       simple examples. Most tutorials show small snippets, but real
       projects quickly become harder to inspect. I wanted something that
       stays close to the native Web Audio API while making the runtime
       graph visible and inspectable.  This is an early alpha and desktop-
       only for now.  I'd really appreciate feedback -- especially from
       people who have used Web Audio API in production or built audio
       tools. You can leave comments here, or use the feedback button
       inside the app.  https://webaudio.studio
        
       Author : alexgriss
       Score  : 53 points
       Date   : 2026-03-02 11:47 UTC (11 hours ago)
        
 (HTM) web link (webaudio.studio)
 (TXT) w3m dump (webaudio.studio)
        
       | Tade0 wrote:
       | Great stuff. Web Audio API designers were a tad too imaginative
       | for their own good.
       | 
       | Any chance for an AudioWorkletNode example?
        
         | alexgriss wrote:
         | Thanks!
         | 
         | AudioWorkletNode support is on the roadmap, along with proper
         | multichannel (merger/splitter) visualization. I'm prioritizing
         | core graph stability first, then expanding node coverage.
         | 
         | If you're interested, you can subscribe for updates at the
         | bottom of the landing page. I'll share progress there.
        
         | widdershins wrote:
         | I'm not familiar with the Web Audio API, but I am interested in
         | audio APIs in general. Could you explain where the designers
         | went wrong? The templates listed in this (very nice!) app seem
         | to look relatively sane as these things go.
        
       | Jiumaramarildo wrote:
       | https://news.ycombinator.com/item?id=47216773 _21_ 923#368-705
        
       ___________________________________________________________________
       (page generated 2026-03-02 23:02 UTC)