Skip to main content
Version: 0.1.x

HLS Events - React

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


  • This event is triggered when the HLS status of the meeting changes.
  • It can be subscribed to using the useMeeting hook.


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

import { Constants, useMeeting } from "";

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 {
} = useMeeting({

API Reference

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

Got a Question? Ask us on discord