🍋
Menu
Audio

Waveform

波形(音频可视化表示)

显示音频信号振幅随时间变化的可视图形,表现为水平时间轴上方和下方的波动线。波形显示提供音频内容的即时视觉概览。

技术细节

波形将时间绘制在X轴上,振幅绘制在Y轴上,通常显示原始PCM样本值或其包络。Web Audio API(AnalyserNode)提供实时波形数据。SoundCloud风格的波形使用峰值概览——预计算每段的最大振幅以实现高效渲染。缩放波形时,每像素显示更少的样本以获得更好的细节。

示例

```javascript
// Waveform: Web Audio API example
const audioCtx = new AudioContext();
const response = await fetch('audio.mp3');
const buffer = await audioCtx.decodeAudioData(await response.arrayBuffer());
const source = audioCtx.createBufferSource();
source.buffer = buffer;
source.connect(audioCtx.destination);
source.start();
```

相关工具

相关术语