Waveform
Осциллограмма (визуальное представление аудио)
Визуальный график, показывающий, как амплитуда аудиосигнала изменяется во времени, отображаемый в виде колеблющейся линии или заполненной формы, которая представляет громкость и динамику звука в каждый момент.
Техническая деталь
Осциллограммы откладывают время по оси X и амплитуду по оси Y, обычно отображая необработанные значения PCM-сэмплов или их огибающую RMS (среднеквадратичное значение). AnalyserNode Web Audio API предоставляет данные во временной области в реальном времени через getTimeDomainData() для живой визуализации. Для статических осциллограмм (как в SoundCloud) аудио разделяется на сегменты, каждый из которых сводится к значениям мин/макс амплитуды, формирующим высоту столбцов. Canvas или SVG рендерят эти значения как вертикальные полосы или непрерывный путь. Стереоаудио показывает отдельные осциллограммы по каналам или общий моновид.
Пример
```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();
```