Mute All Participants - React Native

When hosting a meeting, it's essential for the host to have the capability to mute all the participants at once. This can be useful in various scenarios, such as when the host wants to deliver a presentation or when there is background noise causing distractions. This guide focuses on this very aspect of muting all other participants' microphone.

• To achieve this, iterate over the list of all participants from the useMeeting hook and call the disableMic method from the useParticipant hook.

import { useMeeting } from "@videosdk.live/react-native-sdk";
import { TouchableOpacity, Text } from "react-native";

const { participants } = useMeeting();

function handleMuteAllParticipant() {
  participants.keys().forEach((participantId) => {
    const { disableMic, isLocal } = useParticipant(participantId);
    if (!isLocal) {
      disableMic();
    }
  });
}

return (
  <>
    <TouchableOpacity
      onPress={() => {
        handleMuteAllParticipant();
      }}
    >
      <Text>Mute All</Text>
    </TouchableOpacity>
  </>
);

note

The Participant with the capability to mute all other participants' microphones, should have permission allow_mod passed in the token. To know more about permissions visit here.

API Reference

The API references for all the methods and events utilised in this guide are provided below.

• disableMic()