Re

Render audio waveforms to HTML canvas using WebGPU

Hacker News

Render audio waveforms to HTML 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 Examples: https://aykev.dev/webgpu-waveform

Share card

Actual performance

160points
70comments
Made the leaderboard

Launch Intel predictions

Analyze your own launch →
Product HuntOn track for Day 1 leaderboard · Strong signals: using · Missing: mac, agents, macos
69%69% predicted probability of success on Product Hunt, based on ML models trained on real launch data.
best fitHighest predicted score across all platforms for this description.
Hacker NewsMay not resonate with HN audience · Strong signals: io · Missing: https docs, excited, just released
44%44% predicted probability of success on Hacker News, based on ML models trained on real launch data.
nativeThis product was originally launched on this platform.
AppSumoMay struggle as an AppSumo deal · Missing: plus, platform, intuitive
44%44% predicted probability of success on AppSumo, based on ML models trained on real launch data.
Indie HackersIH features products with proven revenue · Missing: supports, reddit linkedin, podcasting
34%34% predicted probability of success on Indie Hackers, based on ML models trained on real launch data.
TrustMRRLess likely to generate early MRR · Missing: mobile apps, ios, personal
29%29% predicted probability of success on TrustMRR, based on ML models trained on real launch data.
Acquire.comPre-revenue stage for this audience · Missing: arr, mrr, revenue
12%12% predicted probability of success on Acquire.com, based on ML models trained on real launch data.
BetaListMay not resonate with beta-testers · Strong signals: audio · Missing: web3, chat, crypto
10%10% predicted probability of success on BetaList, based on ML models trained on real launch data.

Incorrect prediction on native model

Similar products

Le
Lemmings in HTML in Canvas38%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Lemmings in HTML in Canvas

Hacker News2
Bo
Boids in HTML canvas55%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Boids in HTML canvas

Hacker News4
tm
tmux2html - Render full tmux windows or individual panes as HTML66%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

tmux2html - Render full tmux windows or individual panes as HTML

Hacker News99
Re
Renderjson—render JSON into collapsible, themeable HTML51%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Renderjson—render JSON into collapsible, themeable HTML

Hacker News1
Us
Using Unicode in HTML44%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Using Unicode in HTML

Hacker News2
Re
Render HTML in SQL with pg_render63%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Render HTML in SQL with pg_render

Hacker News11
Re
Render abstract syntax trees using React56%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Render abstract syntax trees using React

Hacker News36
Py
PythonInsideHTML, Render Python 3.6 inside HTML58%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

PythonInsideHTML, Render Python 3.6 inside HTML

Hacker News2
3D
3D Renderer Built using 2D HTML Canvas61%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

3D Renderer Built using 2D HTML Canvas

Hacker News54
36
360º panoramic render using my 3D engine48%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

360º panoramic render using my 3D engine

Hacker News9