Show HN: Render audio to HTML canvas using WebGPU

• caniuse

  388 5,499 9.5 JavaScript

  Raw browser/feature support data from caniuse.com

On my M1 MBP, Safari 17.4.1, it straight up doesn't work. Can I Use does say Safari only support WebGPU on TP and behind a flag: https://caniuse.com/?search=webgpu

Perhaps a Safari TP bug? I'd appreciate some browser version info so I can dig deeper.

• webgpu-waveform

  1 95 5.8 TypeScript

  Render waveforms to <canvas /> using WebGPU

Hey HN. I built this quick and dirty component to render audio waveforms using WebGPU. I just published it to NPM.

It's the first time I use WebGPU and it's been a while since I write shaders. Feedback is very welcome!

GitHub: https://github.com/mrkev/webgpu-waveform

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• glicol

  132 1,988 8.0 Rust

  Graph-oriented live coding language and music/audio DSP library written in Rust

Nice! Great project website styling and demo.

I had a WebGPU scope demo using vanila JS here, but it's not connected to AudioContext at all.

https://stackblitz.com/edit/vitejs-vite-cuc9vs

Still, I had to use the old WebGL solution for https://glicol.org since the WebGPU support seems to be pretty slow at the moment.

• audio-editor

  1 0 8.7 Elm

This is how I do it using WebGL: https://github.com/miniBill/audio-editor/blob/main/src/View/...

Suggest a related project