Mic capture error notification

The MicCaptureErrorNotification component is based on the Notification component that displays as a simple popover. The SDK attaches this component to monitor microphone audio capture and alerts users when their microphone is not capturing audio properly.

Default UI of MicCaptureErrorNotification component

General usage

The component is used by wrapping the component to which it will refer, typically the microphone toggle button:

<MicCaptureErrorNotification>
  <ToggleAudioPublishingButton />
</MicCaptureErrorNotification>

Props

text

TypeDefault
string | undefined'Your microphone is not capturing audio. Please check your setup.'

Text message displayed by the notification.

placement

TypeDefault
Placement | undefinedundefined

Position of the notification relative to the wrapped element. Accepts any valid Floating UI placement value (e.g., 'top', 'bottom', 'left', 'right').

Customization

To learn more about creating custom microphone capture detection functionality, have a look at our broken mic setup tutorial.