Hiyve Components - v1.0.0
    Preparing search index...

    Interface AudioLevelMonitorStyles

    Style configuration for the AudioLevelMonitor component.

    Controls the visual appearance and audio analysis behavior. The FFT size affects frequency resolution (higher = more detail, more CPU), and smoothing controls how quickly the visualization responds to changes.

    const customStyles: Partial<AudioLevelMonitorStyles> = {
    fftSize: 512, // Higher resolution
    smoothingTimeConstant: 0.85, // Smoother animation
    mediumThreshold: 0.3, // Earlier yellow transition
    highThreshold: 0.6, // Earlier red transition
    };

    <AudioLevelMonitor stream={stream} styles={customStyles} />
    interface AudioLevelMonitorStyles {
        barGap: number;
        borderRadius: number;
        fftSize: number;
        highThreshold: number;
        mediumThreshold: number;
        meterPeakDecay: number;
        peakDecay: number;
        peakIndicatorWidth: number;
        smoothingTimeConstant: number;
        waveformLineWidth: number;
    }
    Index

    Properties

    barGap: number

    Gap between bars in pixels

    borderRadius: number

    Border radius of the container in pixels

    fftSize: number

    FFT size for audio analysis (power of 2, e.g., 256, 512)

    highThreshold: number

    Threshold for high color (0-1)

    mediumThreshold: number

    Threshold for medium color (0-1)

    meterPeakDecay: number

    Peak decay rate for meter mode (0-1, lower = faster decay)

    peakDecay: number

    Peak decay rate for bars mode (0-1, lower = faster decay)

    peakIndicatorWidth: number

    Width of peak indicator in pixels

    smoothingTimeConstant: number

    Smoothing time constant for audio analysis (0-1)

    waveformLineWidth: number

    Line width for waveform mode