Skip to main content
Version: 0.1.x

Set Participant Video Quality - React Native

This feature allows participants to set other participant's video quality during the meeting.

Set Quality

  • setQuality method will accept low, med or high as string parameter.
import { useParticipant } from "@videosdk.live/react-native-sdk";

const MeetingView = () => {
const { setQuality } = useParticipant(participantId);

const onPress = () => {
// Low Quality
setQuality("low");

// Medium Quality
setQuality("med");

// High Quality
setQuality("high");
};
return <>...</>;
};
note

If the quality is set to high, but there is not enough network bandwidth available, quality will reduce untill the newtwork quality improves.

Event

onVideoQualityChanged()

  • onVideoQualityChanged() is a callback which gets triggered whenever a participant's video quality changes.

  • currentQuality and prevQuality can have values HIGH | MEDIUM | LOW.

Example

import { useParticipant } from "@videosdk.live/react-native-sdk";

function onVideoQualityChanged(data) {
const { currentQuality, prevQuality } = data;
}
const {
displayName
...
} = useParticipant(participantId,{
onVideoQualityChanged,
...
});

Got a Question? Ask us on discord