HLS Events - React

VideoSDK provides the onHlsStateChanged() event, which informs you about the current state of HLS for the meeting.

onHlsStateChanged()

• This event is triggered when the HLS status of the meeting changes.
• 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 { Constants, useMeeting } from "@videosdk.live/react-sdk";

function onHlsStateChanged(data) {
  const { status } = data;

  if (status === Constants.hlsEvents.HLS_STARTING) {
    console.log("Meeting HLS is starting");
  } else if (status === Constants.hlsEvents.HLS_STARTED) {
    console.log("Meeting HLS is started");
  } else if (status === Constants.hlsEvents.HLS_PLAYABLE) {
    console.log("Meeting HLS is started");
  } else if (status === Constants.hlsEvents.HLS_STOPPING) {
    console.log("Meeting HLS is stopping");
  } else if (status === Constants.hlsEvents.HLS_STOPPED) {
    console.log("Meeting HLS is stopped");
  } else {
    //
  }
}

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

API Reference

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

• onHlsStateChanged()