Skip to main content
Version: 0.1.x

HLS Events - React Native

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-native-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_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 utilised in this guide are provided below.

Got a Question? Ask us on discord