Skip to main content
Version: 0.1.x

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.

Got a Question? Ask us on discord


Was this helpful?