Monitoring Network Quality - React

VideoSDK's onQualityLimitation 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.

onQualityLimitation

• 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.

• It can be subscribed to using the useMeeting hook.

Example

Here is an example demonstrating the usage of the event mentioned on this page.

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

function onQualityLimitation(data) {
  const { type, state, timestamp } = data;
}

const {
  meetingId
  ...
} = useMeeting({
  onQualityLimitation,
  ...
});

API Reference

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

• onQualityLimitation