Network Events - React Native

VideoSDK's qualityLimitation event helps you stay informed whenever media quality is impacted or restored during a meeting. This allows you to take proactive steps and ensure a smooth user experience.

qualityLimitation

• This event is triggered whenever a media quality limitation is either detected or resolved during a meeting.

• The callback includes a type parameter that specifies the cause of the quality limitation. Possible values:

  • cpu: Quality is reduced due to high CPU usage.
  • bandwidth: Quality is reduced due to insufficient bandwidth.
  • congestion: Quality is reduced due to network congestion.

• The callback also includes a state parameter that indicates the current status of the limitation:

  • detected: A limitation has been identified.
  • resolved: The limitation has been cleared.

• A timestamp parameter is provided, representing the exact time (in milliseconds since epoch) when the event occurred.

Example

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

export default function MeetingScreen() {
  const { meeting } = useMeeting();

  useEffect(() => {
    const handleQualityLimitation = (type, state, timestamp) => {
      console.log(`Quality Limitation for ${type} is ${state} at ${timestamp}`);
    };

    meeting?.on("qualityLimitation", handleQualityLimitation);

    return () => {
      meeting?.off("qualityLimitation", handleQualityLimitation);
    };
  }, [meeting]);

  return null;
}

API Reference

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

• onQualityLimitation