Show HN: Web Audio Studio – 用于 Web Audio API 图的可视化调试器

Source: Hacker News

概览

我一直在开发一个基于浏览器的工具，用于探索和调试 Web Audio API 图。

Web Audio Studio 让你编写真实的 Web Audio API 代码，运行它，并以交互式可视化的方式查看运行时生成的图。与其在脑中追踪 connect() 调用，不如直接检查图的实际结构，跟踪信号流，并在音频播放时微调参数。

功能

• 为常见节点类型提供内置可视化：
  • 波形
  • 滤波器响应
  • 分析器的时域和频域视图
  • 压缩器传递曲线
  • Waveshaper 失真
  • 空间定位
  • 延迟时间
  • …以及更多
• 在任意两个节点之间插入 AnalyserNode，以检查链中该精确点的信号。
• 大约 20 个模板（基础振荡器设置、FM/AM 合成、卷积混响、IIR 滤波器、空间音频等），让你可以从已有示例开始并进行修改，而不是从头构建。
• 完全在浏览器本地运行——无需注册，无需后端。

动机

动机来源于处理非平凡的 Web Audio 图时，发现随着项目规模超出简单示例，结构和信号流越来越难以推理。大多数教程只展示小片段，但真实项目很快就难以检查。我希望有一个既贴近原生 Web Audio API，又能让运行时图可见、可检查的工具。

状态

这目前是早期 alpha 版，仅限桌面使用。

反馈

我非常期待收到反馈——尤其是那些在生产环境中使用过 Web Audio API 或构建过音频工具的朋友。你可以在此处留下评论，或使用应用内的反馈按钮。

https://webaudio.studio

Comments: (Points: 14)