Mute All Participants - React Native

If you are the host or moderator of a video conference, you may want to mute all the participants at once. This can be useful in various scenarios, such as when you want to deliver a presentation or when there is background noise that is causing distractions.

• To achieve this, you have to iterate over the list of participants fromt he useMeeting hook and call disableMic method from 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

Participant who will be muting other participants 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()