Stream Events - React

onStreamStateChanged

• This event is triggered when the state of a stream changes.
• The event callback will include the current state of the stream, which can be one of the following: active, freeze-detected, freeze-resolved, stuck.
• It can be subscribed to using the useStream hook.

note

This event is emitted exclusively for remote participants, specifically for their video and screen share video streams.

Example

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

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

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


const {webcamStream} = useParticipant(participantId)
const {
} = useStream(webcamStream?.id,{
  onStreamStateChanged,
  ...
});

API Reference

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

• onStreamStateChanged