Meter

Audio level meter with peak/RMS display, stereo/mono modes, peak hold indicators, clipping detection, and gradient or segmented (LED) display styles.

Live Animation

Simulated audio levels to demonstrate real-time meter behavior.

L: -inf dBR: -inf dB

Sizes

Meters come in three sizes: small (80px), medium (120px), and large (160px).

Stereo vs Mono

Meters can display stereo (two bars) or mono (single bar) audio.

Stereo

Mono

Display Modes

Peak, RMS, or both (RMS fill with peak outline).

Peak

RMS

Both

Meter Styles

Gradient (smooth) or segmented (LED-style) display.

Gradient

Segments (20)

Segments (10)

Orientation

Vertical (default) or horizontal layout.

Vertical

Horizontal

Interactive Level Control

Adjust the level to see how the meter responds at different amplitudes.

Amplitude: 0.50dB: -6.0

Peak Hold

Peak hold indicator shows the highest recent level, then fades.

Peak Hold On

Peak Hold Off

Clipping Indicator

Red indicator lights up when levels exceed 0 dB (amplitude > 1.0).

No Clip

Clipping!

Clip Off

Mixer Channel Strip Example

How meters look in a typical mixer layout.

Kick

Snare

Hat

Bass

Keys

Lead

Pad

Mstr

Key Props

Important configuration options for the Meter component.

Level Values (0-1+ amplitude)

left - Left channel peak level
right - Right channel peak level (ignored if mono)
rmsLeft / rmsRight - RMS levels for "rms" or "both" modes

Display Options

stereo - Show two bars (true) or one (false)
displayMode - "peak", "rms", or "both"
meterStyle - "gradient" or "segments"
segmentCount - Number of LED segments
orientation - "vertical" or "horizontal"

Peak Hold

peakHold - Enable peak hold indicator
peakHoldTime - How long peak holds before fading (ms)
peakDecayTime - Fade duration (ms)

Clipping

showClipping - Show clip indicator
clipHoldTime - How long clip indicator stays lit (ms)

Range

minDb - Minimum dB value (default: -60)
maxDb - Maximum dB value (default: +6)