Skip to main content

Stereo Example

Demonstrates stereo waveform rendering with separate left and right channels. Each stereo track displays two waveforms - one for each channel.

Loading...

About This Example

This stereo example shows:

  • Loading stereo audio files (2 channels)
  • Separate left (L) and right (R) channel waveforms per track
  • Each track displays two waveform rows - top for left, bottom for right
  • Standard playback controls

Mono vs Stereo

By default, Waveform Playlist renders stereo audio with separate channels. To collapse stereo to mono (single waveform), use the mono prop:

// Stereo rendering (default)
<WaveformPlaylistProvider tracks={tracks}>

// Mono rendering (collapsed)
<WaveformPlaylistProvider tracks={tracks} mono>
Audio Credits: "Ubiquitous" by Albert Kader — Minimal Techno stems from the Cambridge Music Technology multitrack library. Licensed under CC BY 4.0.
Buy Me A Coffee