加载应用…
云澜 Clyune 云澜组件库 Clyune Component Gallery · English

音频可视化

13 个音频演示全部基于真实信号计算(合成器模型 + FFT、滤波器响应、节拍检测、音序器),悬停/拖动可读出指针下的频率与分贝,点右上角「声音」即可听到。

技术栈: Web Audio API, FFT, biquad filter, STFT, onset detection, getUserMedia

  • 合成器 — 振荡器波形、LFO 颤音与谐波频谱:看清方波/锯齿波为什么"更亮"。
  • 麦克风可视化 — 环形频谱 + 元音共振峰:实时把麦克风声音拆成频率。
  • 柱状频谱 — 真实 FFT:把一段音乐拆成频率柱,带峰值保持与对数频率轴。
  • 圆形波形 — 把时域波形绕成一个圆:半径 = 基准 + 振幅。
  • 均衡器 — 5 段峰值均衡(RBJ biquad):拖点改变频率与增益,看频谱怎样被"塑形"。
  • 粒子随音 — 用低/中/高三个频段的能量驱动粒子的数量、速度和颜色。
  • 示波器 — 带触发的示波器:稳定显示周期波形,也可切换李萨如 XY 模式。
  • 极坐标频谱 — 把频谱绕成一圈:角度 = 频率,半径 = 分贝。
  • 瀑布频谱图 — 短时傅里叶变换(STFT):横轴频率、纵轴时间、颜色 = 能量。
  • 节拍检测 — 能量突增法检测节拍:E > C × 平均能量 即判为一拍,并估算 BPM。
  • 和弦板 — 大三/小三和弦的组成音、频率比与合成波形,自动 C–G–Am–F 进行。
  • 噪声滤波垫 — 白/粉红/棕噪声经过低通/带通/高通滤波器,看频谱怎样被雕刻。
  • 鼓机 — 16 步音序器:合成底鼓、军鼓、拍手、踩镲,支持摇摆节奏。