作者: · 发布: · 更新:

GitHub项目: loudness-vis

这个项目最早是我做 Vocaloid 混音时候的一个需求——调声库的时候要反复看频谱、盯响度、对比不同版本的动态变化,DAW 里自带的表头要么太简陋要么得花钱买插件,就想自己做一个专门用来”看”声音的工具。

2026-05-08 18-11-26-demo-4mb

仓库名叫 LoudnessVis,目前开源在 GitHub,MIT 协议。大部分代码是 Claude 写的,我负责提需求、测试方向、踩坑纠偏——整个开发过程全记在仓库里的 DEVLOG.zh-CN.md 里了,从脚手架到每个面板的交互决策都有记录。

我做了一款开源音频可视化工具 配图

项目从 demo 0.1 跑到现在的 demo 0.2,中间迭代了两轮 release。0.1 解决了”能跑”——把 React + Vite + TypeScript 架构搭起来,分析大盘、录音面板、波形染色和 LUFS 显示先到位,同时打包出了 Lite HTML 独立版和 UV 本地启动器。0.2 的重点是”看得清楚、能编辑、能对比”——新增了频谱图热力图和声场分析球,录音 Tab 升级成多轨道编辑器(支持拖端点截取片段、试听、混音、导出 WAV),LUFS 从 2 项扩到 5 项(Momentary / Short-term / Integrated / True Peak / Loudness Range),波形染色也加了 RGB 三频段和频谱重心 hue 两种模式。Electron 侧加了个窗口置顶图钉,长开仪表盘的时候不会被别的窗口盖住。

我做了一款开源音频可视化工具 配图

七个规划阶段目前搞完了五个(脚手架、分析大盘、录音面板、波形染色+LUFS、声场分析球、多轨频响叠加对比),还差系统音量控制和 MV 编辑器没做——前者要接 Windows COM API,后者体量比较大,还没排上日程。已知边界和已知问题也都在 DEVLOG 里标了,比如 True Peak 目前是 4× 线性上采样近似,跟专业母带工具有 ±0.5 dB 偏差。

我做了一款开源音频可视化工具 配图

DSP 那层(FFT、STFT、LUFS EBU R128)没引任何第三方音频库,全手写的实现——这也是 Claude 来回改最多次的地方,但最终结果能跑通,拖一首歌进去所有数据都摊在屏幕上。可视化算法和前端代码已经全部推到 GitHub 公开仓库,Release 页面提供 Lite.zip(单文件 HTML 版)和 UV.zip(本地启动包)两种分发包,解压就能用,不需要装 Node。

我做了一款开源音频可视化工具 配图
我做了一款开源音频可视化工具 配图

:link: GitHub – S1ntinel/loudness-vis: Audio visualization toolkit for loudness-war analysis with React, Lite HTML, UV demo launcher, and an Electron roadmap. · GitHub

相关阅读和学习路线

如果你想继续沿着“GitHub 开源项目”这个方向学习,可以先从下面这些站内内容建立路线,再回到本文判断具体资源是否适合自己。

补充阅读建议

如果你是通过搜索进入这篇内容,可以先确认它解决的问题、适用阶段和后续可复用的步骤,再决定是否继续深入。

继续学习入口

颜资源站长
颜资源站长 已发布 490 篇文章

资深互联网从业者,专注AI工具研究与实战应用。长期跟踪ChatGPT、Claude、Stable Diffusion等前沿AI技术,擅长将复杂的技术概念转化为通俗易懂的教程。运营颜资源小站,致力于为中文用户提供高质量的AI教程、开源项目推荐和数字资源整理。