Speaking While Muted

Remind users they're speaking while muted. The SDK includes SpeakingWhileMutedNotification, but here's how to build your own.

Best Practices

• Position the notification near the microphone toggle button for clear context.
• Use useMicrophoneState hook - isSpeakingWhileMuted handles detection automatically.
• Dismiss notification after a few seconds or when user unmutes.

Custom implementation

Show notification when isSpeakingWhileMuted is true:

import { useCallStateHooks } from "@stream-io/video-react-sdk";

export const SpeakingWhileMutedNotification = () => {
  const { useMicrophoneState } = useCallStateHooks();
  const { isSpeakingWhileMuted } = useMicrophoneState();

  if (!isSpeakingWhileMuted) return null;
  return <div>You are muted</div>;
};