用途：复刻 2000 年代经典音乐可视化风格（Milkdrop、AVS、Geiss），并用现代 WebGL 与 Web Audio API 实现。适合 Milkdrop 风格迷幻可视化、Butterchurn 库集成、Web Audio API 的 AnalyserNode 提取 FFT/波形、音频反应式 GLSL 片元着色器、全屏沉浸式音乐体验、实时节拍检测与预设切换。不适合简单频谱柱状图（用 Canvas 2D）、静态波形显示、视频编辑、非音频生成艺术，以及音频播放/流媒体问题。
主要能力：Butterchurn（WebGL 版 Milkdrop，MIT 许可，兼容原版预设，npm 包为 butterchurn、butterchurn-presets）集成；Web Audio API FFT 分析（fftSize、smoothingTimeConstant、getByteFrequencyData）；GLSL 着色器音频反应效果（将音频数据作为 1D 纹理，用 uniform 传 bass/mid/treble）；预设系统与过渡混合；全屏可视化与性能调优。
使用方式：创建 AudioContext 并在用户交互后 resume；用 createAnalyser 设置 fftSize 与平滑；用 butterchurn.createVisualizer 创建可视化器并 connectAudio、loadPreset（可指定混合秒数）；用 requestAnimationFrame 渲染循环并在卸载时 cancelAnimationFrame；注意 FFT 分箱为线性而人耳为对数，需做对数映射；画布尺寸需乘 devicePixelRatio 并处理 resize。
限制与注意：AudioContext 初始为 suspended，需用户交互恢复；原始 FFT 数据抖动大，需平滑；避免硬编码画布尺寸、渲染循环无清理、主线程阻塞（着色器应在加载时编译）；性能上可降低 textureRatio、fftSize，避免渲染循环中更新 DOM。资料未提供具体收费、价格与平台信息。