@100mslive/react-native-hms 0.8.4 → 0.9.0

package/android/src/main/java/com/reactnativehmssdk/HmsScreenshareActivity.kt

@@ -0,0 +1,66 @@
+package com.reactnativehmssdk
+
+import android.app.Activity
+import android.content.Context
+import android.content.Intent
+import android.media.projection.MediaProjectionManager
+import android.os.Bundle
+import androidx.activity.ComponentActivity
+import androidx.activity.result.ActivityResultLauncher
+import androidx.activity.result.contract.ActivityResultContracts
+import live.hms.video.error.HMSException
+import live.hms.video.sdk.HMSActionResultListener
+
+class HmsScreenshareActivity : ComponentActivity() {
+  private var resultLauncher: ActivityResultLauncher<Intent> =
+      this.registerForActivityResult(ActivityResultContracts.StartActivityForResult()) { result ->
+        if (result.resultCode == Activity.RESULT_OK) {
+          val mediaProjectionPermissionResultData: Intent? = result.data
+          val id = intent.getStringExtra("id")
+          HmsModule.hmsCollection[id]?.hmsSDK?.startScreenshare(
+              object : HMSActionResultListener {
+                override fun onError(error: HMSException) {
+                  finish()
+                  HmsModule.hmsCollection[id]?.emitHMSError(error)
+                }
+                override fun onSuccess() {
+                  finish()
+                }
+              },
+              mediaProjectionPermissionResultData
+          )
+        } else {
+          finish()
+        }
+      }
+
+  override fun onCreate(savedInstanceState: Bundle?) {
+    super.onCreate(savedInstanceState)
+    startScreenshare()
+  }
+
+  private fun startScreenshare() {
+    val id = intent.getStringExtra("id")
+    val isScreenShared = HmsModule.hmsCollection[id]?.hmsSDK?.isScreenShared()
+    if (isScreenShared !== null && !isScreenShared) {
+      try {
+        val mediaProjectionManager =
+            getSystemService(Context.MEDIA_PROJECTION_SERVICE) as MediaProjectionManager
+        resultLauncher.launch(mediaProjectionManager.createScreenCaptureIntent())
+      } catch (e: Exception) {
+        println(e)
+      }
+    } else {
+      HmsModule.hmsCollection[id]?.emitHMSError(
+          HMSException(
+              103,
+              "SCREENSHARE_IS_ALREADY_RUNNING",
+              "SCREENSHARE_IS_ALREADY_RUNNING",
+              "SCREENSHARE_IS_ALREADY_RUNNING",
+              "SCREENSHARE_IS_ALREADY_RUNNING"
+          )
+      )
+      finish()
+    }
+  }
+}

package/android/src/main/java/com/reactnativehmssdk/HmsView.kt

@@ -1,8 +1,13 @@
 package com.reactnativehmssdk
 
 import android.annotation.SuppressLint
+import android.content.Context
+import android.view.LayoutInflater
 import android.widget.FrameLayout
+import com.facebook.react.bridge.Arguments
 import com.facebook.react.bridge.ReactContext
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.RCTEventEmitter
 import live.hms.video.media.tracks.HMSTrackType
 import live.hms.video.media.tracks.HMSVideoTrack
 import live.hms.video.utils.SharedEglContext
@@ -14,11 +19,23 @@ class HmsView(context: ReactContext) : FrameLayout(context) {
   private var surfaceView: SurfaceViewRenderer = SurfaceViewRenderer(context)
   private var videoTrack: HMSVideoTrack? = null
   private var localTrack: String? = null
+  private var scaleTypeApplied: Boolean = false
+  private var currentScaleType: RendererCommon.ScalingType =
+      RendererCommon.ScalingType.SCALE_ASPECT_FILL
 
   init {
+    val inflater = getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE) as LayoutInflater
+    val view = inflater.inflate(R.layout.hms_view, this)
+
+    surfaceView = view.findViewById(R.id.surfaceView)
     surfaceView.setEnableHardwareScaler(true)
-    surfaceView.setScalingType(RendererCommon.ScalingType.SCALE_ASPECT_FIT)
-    addView(surfaceView)
+  }
+
+  fun onReceiveNativeEvent() {
+    val event: WritableMap = Arguments.createMap()
+    event.putString("message", "MyMessage")
+    val reactContext = context as ReactContext
+    reactContext.getJSModule(RCTEventEmitter::class.java).receiveEvent(id, "topChange", event)
   }
 
   override fun onDetachedFromWindow() {
@@ -31,6 +48,12 @@ class HmsView(context: ReactContext) : FrameLayout(context) {
     super.onAttachedToWindow()
     surfaceView.init(SharedEglContext.context, null)
     videoTrack?.addSink(surfaceView)
+    if (!scaleTypeApplied) {
+      if (currentScaleType != RendererCommon.ScalingType.SCALE_ASPECT_FILL) {
+        onReceiveNativeEvent()
+      }
+      scaleTypeApplied = true
+    }
   }
 
   fun updateScaleType(scaleType: String?) {
@@ -38,14 +61,17 @@ class HmsView(context: ReactContext) : FrameLayout(context) {
       when (scaleType) {
         "ASPECT_FIT" -> {
           surfaceView.setScalingType(RendererCommon.ScalingType.SCALE_ASPECT_FIT)
+          currentScaleType = RendererCommon.ScalingType.SCALE_ASPECT_FIT
           return
         }
         "ASPECT_FILL" -> {
           surfaceView.setScalingType(RendererCommon.ScalingType.SCALE_ASPECT_FILL)
+          currentScaleType = RendererCommon.ScalingType.SCALE_ASPECT_FILL
           return
         }
         "ASPECT_BALANCED" -> {
           surfaceView.setScalingType((RendererCommon.ScalingType.SCALE_ASPECT_BALANCED))
+          currentScaleType = RendererCommon.ScalingType.SCALE_ASPECT_BALANCED
           return
         }
         else -> {
@@ -62,7 +88,6 @@ class HmsView(context: ReactContext) : FrameLayout(context) {
       mirror: Boolean?
   ) {
     var sdkId = "12345"
-
     if (id != null) {
       sdkId = id
     }

package/android/src/main/java/com/reactnativehmssdk/HmssdkViewManager.kt

@@ -1,6 +1,7 @@
 package com.reactnativehmssdk
 
 import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.common.MapBuilder
 import com.facebook.react.uimanager.SimpleViewManager
 import com.facebook.react.uimanager.ThemedReactContext
 import com.facebook.react.uimanager.annotations.ReactProp
@@ -18,13 +19,21 @@ class HmssdkViewManager : SimpleViewManager<HmsView>() {
     return HmsView(reactContext)
   }
 
+  override fun getExportedCustomBubblingEventTypeConstants(): MutableMap<String, Any>? {
+    return MapBuilder.builder<String, Any>()
+        .put(
+            "topChange",
+            MapBuilder.of("phasedRegistrationNames", MapBuilder.of("bubbled", "onChange"))
+        )
+        .build()
+  }
+
   @ReactProp(name = "data")
   fun setData(view: HmsView, data: ReadableMap) {
     val trackId = data.getString("trackId")
     //    val sink = data.getBoolean("sink")
     val id = data.getString("id")
     val mirror = data.getBoolean("mirror")
-
     val hmsCollection = getHms()
     if (hmsCollection != null) {
       view.setData(id, trackId, hmsCollection, mirror)

package/android/src/main/res/layout/hms_view.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+  xmlns:app="http://schemas.android.com/apk/res-auto"
+  xmlns:tools="http://schemas.android.com/tools"
+  android:layout_width="match_parent"
+  android:layout_height="match_parent"
+  android:background="#000">
+
+  <org.webrtc.SurfaceViewRenderer
+    android:id="@+id/surfaceView"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:layout_gravity="center"
+    app:layout_constraintBottom_toBottomOf="parent"
+    app:layout_constraintEnd_toEndOf="parent"
+    app:layout_constraintStart_toStartOf="parent"
+    app:layout_constraintTop_toTopOf="parent" />
+
+</FrameLayout>

package/ios/HmsDecoder.swift

@@ -12,13 +12,14 @@ class HmsDecoder: NSObject {
         let browserRecordingState = HmsDecoder.getHMSBrowserRecordingState(hmsRoom?.browserRecordingState)
         let rtmpStreamingState = HmsDecoder.getHMSRtmpStreamingState(hmsRoom?.rtmpStreamingState)
         let serverRecordingState = HmsDecoder.getHMSServerRecordingState(hmsRoom?.serverRecordingState)
+        let hlsStreamingState = HmsDecoder.getHlsStreamingState(hmsRoom?.hlsStreamingState)
         var peers = [[String: Any]]()
         
         for peer in room.peers {
             peers.append(getHmsPeer(peer))
         }
         
-        return ["id": id, "name": name, "metaData": metaData, "peers": peers, "browserRecordingState": browserRecordingState, "rtmpHMSRtmpStreamingState": rtmpStreamingState, "serverRecordingState": serverRecordingState]
+        return ["id": id, "name": name, "metaData": metaData, "peers": peers, "browserRecordingState": browserRecordingState, "rtmpHMSRtmpStreamingState": rtmpStreamingState, "serverRecordingState": serverRecordingState, "hlsStreamingState": hlsStreamingState]
     }
     
     static func getHmsPeer (_ peer: HMSPeer) -> [String: Any] {
@@ -281,12 +282,13 @@ class HmsDecoder: NSObject {
         let name = role.name
         let permissions = getHmsPermissions(role.permissions)
         let publishSettings = getHmsPublishSettings(role.publishSettings)
+        let subscribeSettings = getHmsSubscribeSettings(role.subscribeSettings)
         let priority = role.priority
         let generalPermissions = role.generalPermissions ?? [:]
         let internalPlugins = role.internalPlugins ?? [:]
         let externalPlugins = role.externalPlugins ?? [:]
         
-        return ["name": name, "permissions": permissions, "publishSettings": publishSettings, "priority": priority, "generalPermissions": generalPermissions, "internalPlugins": internalPlugins, "externalPlugins": externalPlugins]
+        return ["name": name, "permissions": permissions, "publishSettings": publishSettings, "subscribeSettings": subscribeSettings, "priority": priority, "generalPermissions": generalPermissions, "internalPlugins": internalPlugins, "externalPlugins": externalPlugins]
     }
     
     static func getHmsPermissions (_ permissions: HMSPermissions) -> [String: Any] {
@@ -329,6 +331,30 @@ class HmsDecoder: NSObject {
                 "screenSimulcastLayers": screenSimulcastLayers,
                 "allowed": allowed]
     }
+    
+    static func getHmsSubscribeSettings (_ subscribeSettings: HMSSubscribeSettings?) -> [String: Any] {
+        guard let settings = subscribeSettings
+        else { return [:] }
+        
+        let maxSubsBitRate = settings.maxSubsBitRate
+        let subscribeDegradationParam = getHmsSubscribeDegradationSettings(settings.subscribeDegradation)
+        let subscribeTo = settings.subscribeToRoles
+        
+        return ["maxSubsBitRate": maxSubsBitRate, "subscribeDegradationParam": subscribeDegradationParam, "subscribeTo": subscribeTo ?? []]
+    }
+    
+    static func getHmsSubscribeDegradationSettings (_ hmsSubscribeDegradationParams: HMSSubscribeDegradationPolicy?) -> [String: Any] {
+        guard let params = hmsSubscribeDegradationParams
+        else {
+            return [:]
+        }
+        
+        let degradeGracePeriodSeconds = String(params.degradeGracePeriodSeconds ?? 0)
+        let packetLossThreshold = String(params.packetLossThreshold ?? 0)
+        let recoverGracePeriodSeconds = String(params.recoverGracePeriodSeconds ?? 0)
+        
+        return ["degradeGracePeriodSeconds": degradeGracePeriodSeconds, "packetLossThreshold": packetLossThreshold, "recoverGracePeriodSeconds": recoverGracePeriodSeconds]
+    }
 
     static func getWriteableArray(_ array: [String]?) -> [String] {
         var decodedArray = [String]()
@@ -355,6 +381,8 @@ class HmsDecoder: NSObject {
         let width = videoSettings.width
         let height = videoSettings.height
         
+        
+        
         return ["bitRate": bitRate ?? 0, "codec": codec, "frameRate": frameRate, "width": width, "height": height]
     }
     
@@ -474,4 +502,32 @@ class HmsDecoder: NSObject {
             return [:]
         }
     }
+    
+    static func getHlsStreamingState(_ data: HMSHLSStreamingState?) -> [String: Any] {
+        if let streamingState = data {
+            let running = streamingState.running
+            let variants = HmsDecoder.getHMSHlsVariant(streamingState.variants)
+            
+            return ["running": running, "variants": variants]
+        } else {
+            return [:]
+        }
+    }
+    
+    static func getHMSHlsVariant(_ data: [HMSHLSVariant]?) -> [[String: Any]] {
+        var variants = [[String: Any]]()
+        
+        if let hlsVariant = data {
+            for variant in hlsVariant {
+                let meetingUrl = variant.meetingURL.absoluteString
+                let metadata = variant.metadata
+                let startedAt = variant.startedAt?.timeIntervalSince1970 ?? 0
+                let hlsStreamingUrl = variant.url.absoluteString
+                
+                let decodedVariant = ["meetingUrl": meetingUrl, "metadata": metadata, "hlsStreamUrl": hlsStreamingUrl, "startedAt": startedAt] as [String: Any]
+                variants.append(decodedVariant)
+            }
+        }
+        return variants
+    }
 }

package/ios/HmsHelper.swift

@@ -200,4 +200,25 @@ class HmsHelper: NSObject {
             return nil
         }
     }
+    
+    static func getHMSHLSMeetingURLVariants(_ variants: [[String: Any]]?) -> [HMSHLSMeetingURLVariant] {
+        var hlsVariants: [HMSHLSMeetingURLVariant] = []
+        for variant in variants ?? [] {
+            let meetingURLVariant = HmsHelper.getHMSHLSMeetingURLVariant(variant)
+            if let extractedVariant = meetingURLVariant {
+                hlsVariants.append(extractedVariant)
+            }
+        }
+        return hlsVariants
+    }
+    
+    static func getHMSHLSMeetingURLVariant(_ variant: [String: Any]) -> HMSHLSMeetingURLVariant? {
+        let meetingUrl = variant["meetingUrl"] as? String
+        let metadata = variant["metadata"] as? String
+            
+        if let extractedUrl = meetingUrl, let url = URL(string: extractedUrl) {
+            return HMSHLSMeetingURLVariant(meetingURL: url, metadata: metadata ?? "")
+        }
+        return nil
+    }
 }

package/ios/HmsManager.m

@@ -15,8 +15,8 @@ RCT_EXTERN_METHOD(removePeer: (NSDictionary) data :(RCTPromiseResolveBlock) reso
 RCT_EXTERN_METHOD(endRoom: (NSDictionary) data :(RCTPromiseResolveBlock) resolve :(RCTPromiseRejectBlock) reject)
 RCT_EXTERN_METHOD(changeRole: (NSDictionary) data :(RCTPromiseResolveBlock) resolve :(RCTPromiseRejectBlock) reject)
 RCT_EXTERN_METHOD(changeTrackState: (NSDictionary) data :(RCTPromiseResolveBlock) resolve :(RCTPromiseRejectBlock) reject)
-RCT_EXTERN_METHOD(changeTrackStateRoles: (NSDictionary) data :(RCTPromiseResolveBlock) resolve :(RCTPromiseRejectBlock) reject)
-RCT_EXTERN_METHOD(acceptRoleChange: (NSDictionary) data)
+RCT_EXTERN_METHOD(changeTrackStateForRoles: (NSDictionary) data :(RCTPromiseResolveBlock) resolve :(RCTPromiseRejectBlock) reject)
+RCT_EXTERN_METHOD(acceptRoleChange: (NSDictionary) data :(RCTPromiseResolveBlock) resolve :(RCTPromiseRejectBlock) reject)
 RCT_EXTERN_METHOD(isMute: (NSDictionary) data :(RCTPromiseResolveBlock) resolve :(RCTPromiseRejectBlock) reject)
 RCT_EXTERN_METHOD(getRoom: (NSDictionary) data :(RCTPromiseResolveBlock) resolve :(RCTPromiseRejectBlock) reject)
 RCT_EXTERN_METHOD(switchCamera: (NSDictionary) data)
@@ -28,4 +28,6 @@ RCT_EXTERN_METHOD(isPlaybackAllowed: (NSDictionary) data :(RCTPromiseResolveBloc
 RCT_EXTERN_METHOD(changeMetadata: (NSDictionary) data :(RCTPromiseResolveBlock) resolve :(RCTPromiseRejectBlock) reject)
 RCT_EXTERN_METHOD(startRTMPOrRecording: (NSDictionary) data :(RCTPromiseResolveBlock) resolve :(RCTPromiseRejectBlock) reject)
 RCT_EXTERN_METHOD(stopRtmpAndRecording: (NSDictionary) data :(RCTPromiseResolveBlock) resolve :(RCTPromiseRejectBlock) reject)
+RCT_EXTERN_METHOD(startHLSStreaming: (NSDictionary) data :(RCTPromiseResolveBlock) resolve :(RCTPromiseRejectBlock) reject)
+RCT_EXTERN_METHOD(stopHLSStreaming: (NSDictionary) data :(RCTPromiseResolveBlock) resolve :(RCTPromiseRejectBlock) reject)
 @end

package/ios/HmsManager.swift

@@ -141,10 +141,10 @@ class HmsManager: RCTEventEmitter{
     }
     
     @objc
-    func changeTrackStateRoles(_ data: NSDictionary, _ resolve: RCTPromiseResolveBlock?, _ reject: RCTPromiseRejectBlock?) {
+    func changeTrackStateForRoles(_ data: NSDictionary, _ resolve: RCTPromiseResolveBlock?, _ reject: RCTPromiseRejectBlock?) {
         let hms = HmsHelper.getHms(data, hmsCollection)
         
-        hms?.changeTrackStateRoles(data, resolve, reject)
+        hms?.changeTrackStateForRoles(data, resolve, reject)
     }
     
     @objc
@@ -237,6 +237,20 @@ class HmsManager: RCTEventEmitter{
         hms?.stopRtmpAndRecording(resolve, reject)
     }
     
+    @objc
+    func startHLSStreaming(_ data: NSDictionary, _ resolve: RCTPromiseResolveBlock?, _ reject: RCTPromiseRejectBlock?) {
+        let hms = HmsHelper.getHms(data, hmsCollection)
+        
+        hms?.startHLSStreaming(data, resolve, reject)
+    }
+    
+    @objc
+    func stopHLSStreaming(_ data: NSDictionary, _ resolve: RCTPromiseResolveBlock?, _ reject: RCTPromiseRejectBlock?) {
+        let hms = HmsHelper.getHms(data, hmsCollection)
+        
+        hms?.stopHLSStreaming(resolve, reject)
+    }
+    
 //    @objc
 //    func setLocalVideoSettings(_ data: NSDictionary) {
 //        let hms = HmsHelper.getHms(data, hmsCollection)

package/ios/HmsSDK.swift

@@ -233,7 +233,6 @@ class HmsSDK: HMSUpdateListener, HMSPreviewListener {
                     return
                 }
             })
-            self?.hms?.sendDirectMessage(type: type, message: message, peer: peer)
         }
     }
     
@@ -311,23 +310,26 @@ class HmsSDK: HMSUpdateListener, HMSPreviewListener {
         }
     }
     
-    func changeTrackStateRoles(_ data: NSDictionary, _ resolve: RCTPromiseResolveBlock?, _ reject: RCTPromiseRejectBlock?) {
+    func changeTrackStateForRoles(_ data: NSDictionary, _ resolve: RCTPromiseResolveBlock?, _ reject: RCTPromiseRejectBlock?) {
         
-        guard let source = data.value(forKey: "source") as? String,
-                let targetedRoles = data.value(forKey: "roles") as? [String],
-                    let type = data.value(forKey: "type") as? String
+        guard let mute = data.value(forKey: "mute") as? Bool
         else {
             let error = HMSError(id: "113", code: HMSErrorCode.genericErrorUnknown, message: "REQUIRED_KEYS_NOT_FOUND")
             delegate?.emitEvent(ON_ERROR, ["event": ON_ERROR, "error": HmsDecoder.getError(error), "id":id])
             return
         }
-        var decodeType: HMSTrackKind;
-        if( type == "AUDIO") {
-            decodeType = HMSTrackKind.audio
-        }else {
-            decodeType = HMSTrackKind.video
+        let source = data.value(forKey: "source") as? String
+        let targetedRoles = data.value(forKey: "roles") as? [String]
+        let type = data.value(forKey: "type") as? String
+
+        var decodeType: HMSTrackKind? = nil;
+        if( type != nil){
+            if( type == "AUDIO") {
+                decodeType = HMSTrackKind.audio
+            }else {
+                decodeType = HMSTrackKind.video
+            }
         }
-        let mute = data.value(forKey: "mute") as? Bool ?? true
         
         DispatchQueue.main.async { [weak self] in
             let encodedTargetedRoles = HmsHelper.getRolesFromRoleNames(targetedRoles, roles: self?.hms?.roles)
@@ -598,6 +600,54 @@ class HmsSDK: HMSUpdateListener, HMSPreviewListener {
         })
     }
     
+    func startHLSStreaming(_ data: NSDictionary, _ resolve: RCTPromiseResolveBlock?, _ reject: RCTPromiseRejectBlock?) {
+        guard let meetingURLVariants = data.value(forKey: "meetingURLVariants") as? [[String: Any]]?
+        else {
+            let error = HMSError(id: "126", code: HMSErrorCode.genericErrorUnknown, message: "REQUIRED_KEYS_NOT_FOUND")
+            delegate?.emitEvent(ON_ERROR, ["event": ON_ERROR, "error": HmsDecoder.getError(error), "id":id])
+            return
+        }
+        
+        let hlsMeetingUrlVariant = HmsHelper.getHMSHLSMeetingURLVariants(meetingURLVariants)
+        let config = HMSHLSConfig(variants: hlsMeetingUrlVariant)
+        
+        hms?.startHLSStreaming(config: config, completion: { success, error in
+            if (success) {
+                let roomData = HmsDecoder.getHmsRoom(self.hms?.room)
+                let type = self.getString(from: HMSRoomUpdate.hlsStreamingStateUpdated)
+                
+                let localPeerData = HmsDecoder.getHmsLocalPeer(self.hms?.localPeer)
+                let remotePeerData = HmsDecoder.getHmsRemotePeers(self.hms?.remotePeers)
+                self.delegate?.emitEvent(self.ON_ROOM_UPDATE, ["event": self.ON_ROOM_UPDATE, "id": self.id, "type": type, "room": roomData, "localPeer": localPeerData, "remotePeers": remotePeerData])
+                resolve?(["success": success])
+                return
+            } else {
+                self.delegate?.emitEvent(self.ON_ERROR, ["event": self.ON_ERROR, "error": HmsDecoder.getError(error), "id":self.id])
+                reject?(error?.message, error?.localizedDescription, nil)
+                return
+            }
+        })
+    }
+    
+    func stopHLSStreaming(_ resolve: RCTPromiseResolveBlock?, _ reject: RCTPromiseRejectBlock?) {
+        hms?.stopHLSStreaming(config: nil, completion: { success, error in
+            if (success) {
+                let roomData = HmsDecoder.getHmsRoom(self.hms?.room)
+                let type = self.getString(from: HMSRoomUpdate.browserRecordingStateUpdated)
+                
+                let localPeerData = HmsDecoder.getHmsLocalPeer(self.hms?.localPeer)
+                let remotePeerData = HmsDecoder.getHmsRemotePeers(self.hms?.remotePeers)
+                self.delegate?.emitEvent(self.ON_ROOM_UPDATE, ["event": self.ON_ROOM_UPDATE, "id": self.id, "type": type, "room": roomData, "localPeer": localPeerData, "remotePeers": remotePeerData])
+                resolve?(["success": success])
+                return
+            } else {
+                self.delegate?.emitEvent(self.ON_ERROR, ["event": self.ON_ERROR, "error": HmsDecoder.getError(error), "id":self.id])
+                reject?(error?.message, error?.localizedDescription, nil)
+                return
+            }
+        })
+    }
+    
     //TODO: to be implemented after volume is exposed for iOS
 //    func getVolume(_ data: NSDictionary, _ resolve: RCTPromiseResolveBlock?, _ reject: RCTPromiseRejectBlock?) {
 //        guard let trackId = data.value(forKey: "trackId") as? String
@@ -797,6 +847,8 @@ class HmsSDK: HMSUpdateListener, HMSPreviewListener {
             return "META_DATA_CHANGED"
         case .browserRecordingStateUpdated:
             return "BROWSER_RECORDING_STATE_UPDATED"
+        case .hlsStreamingStateUpdated:
+            return "HLS_STREAMING_STATE_UPDATED"
         case .rtmpStreamingStateUpdated:
             return "RTMP_STREAMING_STATE_UPDATED"
         case.serverRecordingStateUpdated:

package/ios/HmsView.swift

@@ -30,7 +30,6 @@ class HmssdkDisplayView: UIView {
     }()
     
     var hmsCollection: [String: HmsSDK] = [:]
-    var localTrack: String?
     var sinked = false
     var sinkVideo = true
     
@@ -58,66 +57,31 @@ class HmssdkDisplayView: UIView {
     
     @objc var data: NSDictionary = [:] {
         didSet {
-            guard let trackID = data.value(forKey: "trackId") as? String,
+            
+            let sdkID = data.value(forKey: "id") as? String ?? "12345"
+            
+            guard let hmsSDK = hmsCollection[sdkID]?.hms,
+                  let trackID = data.value(forKey: "trackId") as? String,
+                  let videoTrack = HMSUtilities.getVideoTrack(for: trackID, in: hmsSDK.room!),
                   let sink = data.value(forKey: "sink") as? Bool
-            else { return }
+            else {
+                print(#function, "Required data to setup video view not found")
+                return
+            }
             
             sinkVideo = sink
-            localTrack = trackID
+            
             let mirror = data.value(forKey: "mirror") as? Bool
-            if(mirror != nil){
+            if (mirror != nil) {
                 videoView.mirror = mirror!
             }
             
-            var id : String = "12345"
-            
-            if let sdkId = data.value(forKey: "id") as? String {
-                id = sdkId
-            }
-            
-            if let videoTrack: HMSVideoTrack = hmsCollection[id]?.hms?.localPeer?.videoTrack {
-                if videoTrack.trackId == trackID {
-                    
-                    if !sinked && sinkVideo {
-                        videoView.setVideoTrack(videoTrack)
-                        sinked = true
-                    } else if !sinkVideo {
-                        videoView.setVideoTrack(nil)
-                        sinked = false
-                    }
-                    return
-                }
-            }
-            
-            if let remotePeers: [HMSRemotePeer] = hmsCollection[id]?.hms?.remotePeers {
-                for peer in remotePeers where peer.videoTrack?.trackId == trackID {
-                    
-                    if !sinked && sinkVideo {
-                        videoView.setVideoTrack(peer.videoTrack)
-                        sinked = true
-                    } else if !sinkVideo {
-                        videoView.setVideoTrack(nil)
-                        sinked = false
-                    }
-                    return
-                }
-                for peer in remotePeers {
-                    let auxTracks = peer.auxiliaryTracks
-                    if let auxTracksVals = auxTracks {
-                        for track in auxTracksVals where track.trackId == trackID {
-                            if (HmsHelper.getHmsTrackType(track.kind) == "VIDEO") {
-                                if !sinked && sinkVideo {
-                                    videoView.setVideoTrack(track as? HMSVideoTrack)
-                                    sinked = true
-                                } else if !sinkVideo {
-                                    videoView.setVideoTrack(nil)
-                                    sinked = false
-                                }
-                                return
-                            }
-                        }
-                    }
-                }
+            if !sinked && sinkVideo {
+                videoView.setVideoTrack(videoTrack)
+                sinked = true
+            } else if !sinkVideo {
+                videoView.setVideoTrack(nil)
+                sinked = false
             }
         }
     }
@@ -139,4 +103,8 @@ class HmssdkDisplayView: UIView {
     required init?(coder: NSCoder) {
         fatalError("init(coder:) has not been implemented")
     }
+    
+    deinit {
+        videoView.setVideoTrack(nil)
+    }
 }

package/lib/commonjs/classes/HMSEncoder.js

@@ -44,7 +44,8 @@ class HMSEncoder {
       peers: HMSEncoder.encodeHmsPeers(room === null || room === void 0 ? void 0 : room.peers, id),
       browserRecordingState: room === null || room === void 0 ? void 0 : room.browserRecordingState,
       rtmpHMSRtmpStreamingState: room === null || room === void 0 ? void 0 : room.rtmpHMSRtmpStreamingState,
-      serverRecordingState: room === null || room === void 0 ? void 0 : room.serverRecordingState
+      serverRecordingState: room === null || room === void 0 ? void 0 : room.serverRecordingState,
+      hlsStreamingState: room === null || room === void 0 ? void 0 : room.hlsStreamingState
     };
     return new _HMSRoom.HMSRoom(encodedObj);
   }