Skip to main content
Version: Next

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.

Got a Question? Ask us on discord


Was this helpful?