MediaSFU React Native
    Preparing search index...

    Variable AudioCardConst

    AudioCard: React.FC<AudioCardOptions> = ...

    AudioCard renders participant avatars, animated audio waveforms, and media controls within a customizable card. It reacts to live audio telemetry, exposes override hooks, and integrates with controlMedia for host-driven moderation.

    • Animated waveform tied to decibel telemetry.
    • Toggle buttons for audio/video with default or custom renderers.
    • Supports image avatars or fallback initials via MiniCard.
    • Aligns overlays via controlsPosition and infoPosition helpers.
    • Control buttons include iconography and can be wrapped in accessible containers.
    • Text labels use high-contrast defaults for readability.

    Audio card configuration.

    Rendered audio card.

    <AudioCard
      name={participant.name}
      participant={participant}
      parameters={parameters}
    />

    <AudioCard
      {...props}
      renderContainer={({ defaultContainer }) => (
        <FadeIn>{defaultContainer}</FadeIn>
      )}
    />

    Settings

    Member Visibility

    On This Page

    Key FeaturesAccessibility