Interface AudioLevelMonitorColors

Color configuration for the AudioLevelMonitor component.

Remarks

Controls the colors used in the audio visualization. The level colors (low, medium, high) are applied based on the configured thresholds.

Example

const customColors: Partial<AudioLevelMonitorColors> = {
  low: '#22c55e',      // Green for normal levels
  medium: '#eab308',   // Yellow for elevated levels
  high: '#ef4444',     // Red for clipping risk
  background: '#18181b',
};

<AudioLevelMonitor stream={stream} colors={customColors} />

interface AudioLevelMonitorColors {
    background: string;
    high: string;
    low: string;
    medium: string;
    meterBackground: string;
}

Index

Properties

background high low medium meterBackground

Properties

background

background: string

Background color of the monitor

high

high: string

Color for high audio levels

low

low: string

Color for low audio levels

medium

medium: string

Color for medium audio levels

meterBackground

meterBackground: string

Background color for meter mode

Interface AudioLevelMonitorColors

Remarks

Example

Index

Properties

Properties

background

high

low

medium

meterBackground

Settings

On This Page