@100mslive/hms-video-store 0.2.58 → 0.2.59

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.2.58",
+  "version": "0.2.59",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -55,11 +55,11 @@
     "zustand": "3.5.7"
   },
   "peerDependencies": {
-    "@100mslive/hms-video": "0.0.204",
+    "@100mslive/hms-video": "0.0.205",
     "events": "^3.3.0"
   },
   "devDependencies": {
-    "@100mslive/hms-video": "0.0.204",
+    "@100mslive/hms-video": "0.0.205",
     "@size-limit/file": "^5.0.3",
     "events": "^3.3.0",
     "husky": "^6.0.0",

package/src/core/IHMSActions.ts

@@ -14,6 +14,7 @@ import {
   HMSTrackID,
   HMSTrackSource,
   IHMSPlaylistActions,
+  HMSChangeMultiTrackStateRequest,
 } from './schema';
 import { HMSRoleChangeRequest } from './selectors';
 import { RTMPRecordingConfig } from './hmsSDKStore/sdkTypes';
@@ -236,6 +237,13 @@ export interface IHMSActions {
   ): Promise<void>;
 
   /**
+   * Use this to mute/unmute multipe tracks by source, role or type
+   * @param {HMSChangeMultiTrackStateRequest} params
+   */
+  setRemoteTracksEnabled(params: HMSChangeMultiTrackStateRequest): Promise<void>;
+
+  /**
+   * Method to be called with some UI interaction after autoplay error is received
    * Most browsers have limitations where an audio can not be played if there was no user interaction.
    * SDK throws an autoplay error in this case, this method can be called after an UI interaction
    * to resolve the autoplay error

package/src/core/hmsSDKStore/HMSNotifications.ts

@@ -13,6 +13,7 @@ import {
   HMSMessage,
   HMSTrack,
   HMSChangeTrackStateRequest,
+  HMSChangeMultiTrackStateRequest,
   HMSLeaveRoomRequest,
   HMSDeviceChangeEvent,
 } from '../schema';
@@ -126,6 +127,15 @@ export class HMSNotifications implements IHMSNotifications {
     this.emitEvent(notification);
   }
 
+  sendChangeMultiTrackStateRequest(request: HMSChangeMultiTrackStateRequest) {
+    const notification = this.createNotification(
+      HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST,
+      request,
+      HMSNotificationSeverity.INFO,
+    );
+    this.emitEvent(notification);
+  }
+
   private emitEvent(notification: HMSNotification) {
     this.eventEmitter.emit(HMS_NOTIFICATION_EVENT, notification);
   }
@@ -138,6 +148,7 @@ export class HMSNotifications implements IHMSNotifications {
       | HMSMessage
       | HMSException
       | HMSChangeTrackStateRequest
+      | HMSChangeMultiTrackStateRequest
       | HMSLeaveRoomRequest
       | HMSDeviceChangeEvent
       | null,

package/src/core/hmsSDKStore/HMSSDKActions.ts

@@ -11,6 +11,7 @@ import {
   HMSTrack,
   HMSTrackID,
   HMSTrackSource,
+  HMSChangeMultiTrackStateParams,
   IHMSPlaylistActions,
 } from '../schema';
 import { IHMSActions } from '../IHMSActions';
@@ -33,12 +34,12 @@ import {
   selectRoomState,
   selectLocalMediaSettings,
   selectTrackByID,
+  selectTracksMap,
 } from '../selectors';
 import { HMSLogger } from '../../common/ui-logger';
 import {
   HMSAudioPlugin,
   HMSAudioTrack as SDKHMSAudioTrack,
-  HMSChangeTrackStateRequest as SDKHMSChangeTrackStateRequest,
   HMSException as SDKHMSException,
   HMSLeaveRoomRequest as SDKHMSLeaveRoomRequest,
   HMSLocalAudioTrack as SDKHMSLocalAudioTrack,
@@ -48,6 +49,9 @@ import {
   HMSRemoteTrack as SDKHMSRemoteTrack,
   HMSRemoteVideoTrack as SDKHMSRemoteVideoTrack,
   HMSRoleChangeRequest as SDKHMSRoleChangeRequest,
+  HMSChangeTrackStateRequest as SDKHMSChangeTrackStateRequest,
+  HMSChangeMultiTrackStateParams as SDKHMSChangeMultiTrackStateParams,
+  HMSChangeMultiTrackStateRequest as SDKHMSChangeMultiTrackStateRequest,
   HMSSdk,
   HMSSimulcastLayer,
   HMSTrack as SDKHMSTrack,
@@ -452,6 +456,19 @@ export class HMSSDKActions implements IHMSActions {
     }
   }
 
+  async setRemoteTracksEnabled(params: HMSChangeMultiTrackStateParams) {
+    const sdkRequest: SDKHMSChangeMultiTrackStateParams = {
+      enabled: params.enabled,
+      type: params.type,
+      source: params.source,
+    };
+    if (params.roles) {
+      const rolesMap = this.store.getState(selectRolesMap);
+      sdkRequest.roles = params.roles.map(role => rolesMap[role]);
+    }
+    await this.sdk.changeMultiTrackState(sdkRequest);
+  }
+
   setLogLevel(level: HMSLogLevel) {
     HMSLogger.level = level;
     this.sdk.setLogLevel(level);
@@ -479,6 +496,7 @@ export class HMSSDKActions implements IHMSActions {
       onRoleUpdate: this.onRoleUpdate.bind(this),
       onDeviceChange: this.onDeviceChange.bind(this),
       onChangeTrackStateRequest: this.onChangeTrackStateRequest.bind(this),
+      onChangeMultiTrackStateRequest: this.onChangeMultiTrackStateRequest.bind(this),
       onRemovedFromRoom: this.onRemovedFromRoom.bind(this),
     });
     this.sdk.addAudioListener({
@@ -791,6 +809,37 @@ export class HMSSDKActions implements IHMSActions {
     });
   }
 
+  protected onChangeMultiTrackStateRequest(request: SDKHMSChangeMultiTrackStateRequest) {
+    const requestedBy = this.store.getState(selectPeerByID(request.requestedBy.peerId));
+
+    if (!requestedBy) {
+      return this.logPossibleInconsistency(
+        `Not found peer who requested track state change, ${request.requestedBy}`,
+      );
+    }
+
+    if (!request.enabled) {
+      this.syncRoomState('changeMultiTrackStateRequest');
+    }
+
+    const tracks: HMSTrack[] = [];
+    const tracksMap = this.store.getState(selectTracksMap);
+    for (const track of request.tracks) {
+      const storeTrackID = this.getStoreLocalTrackIDfromSDKTrack(track);
+      if (storeTrackID && tracksMap[storeTrackID]) {
+        tracks.push(tracksMap[storeTrackID]);
+      }
+    }
+
+    this.hmsNotifications.sendChangeMultiTrackStateRequest({
+      requestedBy,
+      tracks,
+      enabled: request.enabled,
+      type: request.type,
+      source: request.source,
+    });
+  }
+
   protected onReconnected() {
     this.syncRoomState('reconnectedSync');
     this.hmsNotifications.sendReconnected();

package/src/core/schema/notification.ts

@@ -28,6 +28,7 @@ export enum HMSNotificationTypes {
   ROLE_CHANGE_REQUEST = 'ROLE_CHANGE_REQUEST',
   ROLE_UPDATED = 'ROLE_UPDATED',
   CHANGE_TRACK_STATE_REQUEST = 'CHANGE_TRACK_STATE_REQUEST',
+  CHANGE_MULTI_TRACK_STATE_REQUEST = 'CHANGE_MULTI_TRACK_STATE_REQUEST',
   ROOM_ENDED = 'ROOM_ENDED',
   REMOVED_FROM_ROOM = 'REMOVED_FROM_ROOM',
   DEVICE_CHANGE_UPDATE = 'DEVICE_CHANGE_UPDATE',

package/src/core/schema/requests.ts

@@ -1,3 +1,4 @@
+import { HMSTrackSource } from '.';
 import { HMSPeer, HMSPeerID, HMSTrack } from './peer';
 import { HMSRoleName } from './role';
 
@@ -13,6 +14,21 @@ export interface HMSChangeTrackStateRequest {
   enabled: boolean;
 }
 
+export interface HMSChangeMultiTrackStateRequest {
+  requestedBy: HMSPeer;
+  tracks: HMSTrack[];
+  enabled: boolean;
+  type?: 'audio' | 'video';
+  source?: HMSTrackSource;
+}
+
+export interface HMSChangeMultiTrackStateParams {
+  enabled: boolean;
+  roles?: HMSRoleName[];
+  type?: 'audio' | 'video';
+  source?: HMSTrackSource;
+}
+
 export interface HMSLeaveRoomRequest {
   requestedBy: HMSPeer;
   reason: string;

package/src/core/selectors/selectors.ts

@@ -379,6 +379,5 @@ export const selectIsAllowedToSubscribe = createSelector([selectLocalPeerRole],
  * Select the permissions which determine what actions the local peer can do.
  */
 export const selectPermissions = createSelector(selectLocalPeerRole, role => role?.permissions);
-
 export const selectRecordingState = createSelector(selectRoom, room => room.recording);
 export const selectRTMPState = createSelector(selectRoom, room => room.rtmp);