Version: 2.x.x

Monitoring Network Quality - React Native

VideoSDK's onQualityLimitation event fires when media quality drops during a room and when it recovers.

onQualityLimitation

This event is triggered whenever a media quality limitation is either detected or resolved during a room.
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.
Each type is detected and resolved on its own, so more than one limitation can be active at the same time.
A timestamp parameter is provided, representing the exact time (in milliseconds since epoch) when the event occurred.
Subscribe to it with the onQualityLimitation callback of the useRoom hook. The callback receives type, state, and timestamp in one object.

Example

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

export default function RoomScreen() {
  useRoom({
    onQualityLimitation: ({ type, state, timestamp }) => {
      console.log(`Quality Limitation for ${type} is ${state} at ${timestamp}`);
    },
  });

  return null;
}