@100mslive/react-native-hms 0.8.3 → 0.9.1

package/src/classes/HMSSDK.tsx

@@ -1,5 +1,11 @@
 import React from 'react';
-import { NativeEventEmitter, NativeModules, ViewStyle } from 'react-native';
+import {
+  NativeEventEmitter,
+  NativeModules,
+  Platform,
+  ViewStyle,
+  AppState,
+} from 'react-native';
 import { HMSUpdateListenerActions } from './HMSUpdateListenerActions';
 import type { HMSConfig } from './HMSConfig';
 import type { HMSLocalPeer } from './HMSLocalPeer';
@@ -17,6 +23,11 @@ import { HmsView as HMSViewComponent } from './HmsView';
 import { HMSVideoViewMode } from './HMSVideoViewMode';
 import type { HMSTrackSettings } from './HMSTrackSettings';
 import type { HMSRTMPConfig } from './HMSRTMPConfig';
+import type { HMSHLSConfig } from './HMSHLSConfig';
+import { HMSLocalAudioStats } from './HMSLocalAudioStats';
+import { HMSLocalVideoStats } from './HMSLocalVideoStats';
+import { HMSRemoteVideoStats } from './HMSRemoteVideoStats';
+import { HMSRemoteAudioStats } from './HMSRemoteAudioStats';
 
 interface HmsComponentProps {
   trackId: string;
@@ -47,6 +58,7 @@ export class HMSSDK {
   knownRoles?: HMSRole[];
   id: string;
   private muteStatus: boolean | undefined;
+  appStateSubscription?: any;
 
   onPreviewDelegate?: any;
   onJoinDelegate?: any;
@@ -61,6 +73,11 @@ export class HMSSDK {
   onRoleChangeRequestDelegate?: any;
   onChangeTrackStateRequestDelegate?: any;
   onRemovedFromRoomDelegate?: any;
+  onRtcStatsDelegate?: any;
+  onLocalAudioStatsDelegate?: any;
+  onLocalVideoStatsDelegate?: any;
+  onRemoteAudioStatsDelegate?: any;
+  onRemoteVideoStatsDelegate?: any;
 
   constructor(id: string) {
     this.id = id;
@@ -74,7 +91,7 @@ export class HMSSDK {
    * @returns
    * @memberof HMSSDK
    */
-  static async build(params?: { trackSettings?: HMSTrackSettings }) {
+  static async build(params?: { trackSettings: HMSTrackSettings }) {
     let id = await HmsManager.build(params?.trackSettings || {});
     HmsSdk = new HMSSDK(id);
     HmsSdk.attachPreviewListener();
@@ -162,6 +179,31 @@ export class HMSSDK {
       HMSUpdateListenerActions.ON_REMOVED_FROM_ROOM,
       this.onRemovedFromRoomListener
     );
+
+    HmsEventEmitter.addListener(
+      HMSUpdateListenerActions.ON_RTC_STATS,
+      this.RTCStatsListener
+    );
+
+    HmsEventEmitter.addListener(
+      HMSUpdateListenerActions.ON_LOCAL_AUDIO_STATS,
+      this.onLocalAudioStatsListener
+    );
+
+    HmsEventEmitter.addListener(
+      HMSUpdateListenerActions.ON_LOCAL_VIDEO_STATS,
+      this.onLocalVideoStatsListener
+    );
+
+    HmsEventEmitter.addListener(
+      HMSUpdateListenerActions.ON_REMOTE_AUDIO_STATS,
+      this.onRemoteAudioStatsListener
+    );
+
+    HmsEventEmitter.addListener(
+      HMSUpdateListenerActions.ON_REMOTE_VIDEO_STATS,
+      this.onRemoteVideoStatsListener
+    );
   };
 
   removeListeners = () => {
@@ -224,6 +266,31 @@ export class HMSSDK {
       HMSUpdateListenerActions.ON_REMOVED_FROM_ROOM,
       this.onRemovedFromRoomListener
     );
+
+    HmsEventEmitter.removeListener(
+      HMSUpdateListenerActions.ON_RTC_STATS,
+      this.RTCStatsListener
+    );
+
+    HmsEventEmitter.removeListener(
+      HMSUpdateListenerActions.ON_LOCAL_AUDIO_STATS,
+      this.onLocalAudioStatsListener
+    );
+
+    HmsEventEmitter.removeListener(
+      HMSUpdateListenerActions.ON_LOCAL_VIDEO_STATS,
+      this.onLocalVideoStatsListener
+    );
+
+    HmsEventEmitter.removeListener(
+      HMSUpdateListenerActions.ON_REMOTE_AUDIO_STATS,
+      this.onRemoteAudioStatsListener
+    );
+
+    HmsEventEmitter.removeListener(
+      HMSUpdateListenerActions.ON_REMOTE_VIDEO_STATS,
+      this.onRemoteVideoStatsListener
+    );
   };
 
   /**
@@ -235,6 +302,7 @@ export class HMSSDK {
    */
   join = async (config: HMSConfig) => {
     logger?.verbose('#Function join', { config, id: this.id });
+    this.addAppStateListener();
     await HmsManager.join({ ...config, id: this.id });
   };
 
@@ -243,6 +311,19 @@ export class HMSSDK {
     HmsManager.preview({ ...config, id: this.id });
   };
 
+  previewForRole = async (role: HMSRole) => {
+    logger?.verbose('#Function previewForRole', {
+      role,
+      id: this.id,
+    });
+    if (Platform.OS === 'ios') {
+      return await HmsManager.previewForRole({ role: role?.name, id: this.id });
+    } else {
+      console.log('API currently not available for android');
+      return 'API currently not available for android';
+    }
+  };
+
   HmsView = ({
     sink,
     trackId,
@@ -279,10 +360,11 @@ export class HMSSDK {
     this.remotePeers = undefined;
     this.room = undefined;
     this.knownRoles = undefined;
+    this?.appStateSubscription?.remove();
     return op;
   };
 
-  sendBroadcastMessage = async (message: string, type?: string) => {
+  sendBroadcastMessage = async (message: string, type: string = 'chat') => {
     logger?.verbose('#Function sendBroadcastMessage', {
       message,
       type: type || null,
@@ -298,7 +380,7 @@ export class HMSSDK {
   sendGroupMessage = async (
     message: string,
     roles: HMSRole[],
-    type?: string
+    type: string = 'chat'
   ) => {
     logger?.verbose('#Function sendGroupMessage', {
       message,
@@ -316,18 +398,18 @@ export class HMSSDK {
 
   sendDirectMessage = async (
     message: string,
-    peerId: string,
-    type?: string
+    peer: HMSPeer,
+    type: string = 'chat'
   ) => {
     logger?.verbose('#Function sendDirectMessage', {
       message,
-      peerId,
+      peerId: peer.peerID,
       id: this.id,
       type: type || null,
     });
     return await HmsManager.sendDirectMessage({
       message,
-      peerId,
+      peerId: peer.peerID,
       id: this.id,
       type: type || null,
     });
@@ -354,6 +436,19 @@ export class HMSSDK {
     return op;
   };
 
+  startHLSStreaming = async (data: HMSHLSConfig) => {
+    logger?.verbose('#Function startHLSStreaming', {
+      ...data,
+      id: this.id,
+    });
+    return await HmsManager.startHLSStreaming({ ...data, id: this.id });
+  };
+
+  stopHLSStreaming = async () => {
+    logger?.verbose('#Function stopHLSStreaming', {});
+    return await HmsManager.stopHLSStreaming({ id: this.id });
+  };
+
   changeRole = async (peer: HMSPeer, role: HMSRole, force: boolean = false) => {
     const data = {
       peerId: peer?.peerID,
@@ -380,12 +475,16 @@ export class HMSSDK {
     return await HmsManager.changeTrackState(data);
   };
 
-  changeTrackStateRoles = async (
-    type: HMSTrackType,
+  changeTrackStateForRoles = async (
     mute: boolean,
-    source: string,
-    roles: Array<HMSRole>
+    type?: HMSTrackType,
+    source?: string,
+    roles?: Array<HMSRole>
   ) => {
+    let roleNames = null;
+    if (roles) {
+      roleNames = HMSHelper.getRoleNames(roles);
+    }
     logger?.verbose('#Function changeTrackStateRoles', {
       source,
       mute,
@@ -397,17 +496,21 @@ export class HMSSDK {
       source,
       mute,
       type,
-      roles: HMSHelper.getRoleNames(roles),
+      roles: roleNames,
       id: this.id,
     };
 
-    return await HmsManager.changeTrackStateRoles(data);
+    return await HmsManager.changeTrackStateForRoles(data);
   };
 
-  removePeer = async (peerId: string, reason: string) => {
-    logger?.verbose('#Function removePeer', { peerId, reason, id: this.id });
+  removePeer = async (peer: HMSPeer, reason: string) => {
+    logger?.verbose('#Function removePeer', {
+      peerId: peer.peerID,
+      reason,
+      id: this.id,
+    });
     const data = {
-      peerId,
+      peerId: peer.peerID,
       reason,
       id: this.id,
     };
@@ -415,7 +518,7 @@ export class HMSSDK {
     return await HmsManager.removePeer(data);
   };
 
-  endRoom = async (lock: boolean, reason: string) => {
+  endRoom = async (reason: string, lock: boolean = false) => {
     logger?.verbose('#Function endRoom', { lock, reason, id: this.id });
     const data = {
       lock,
@@ -426,15 +529,30 @@ export class HMSSDK {
     return await HmsManager.endRoom(data);
   };
 
-  acceptRoleChange = () => {
+  changeName = async (name: string) => {
+    logger?.verbose('#Function changeName', { name, id: this.id });
+    const data = {
+      name,
+      id: this.id,
+    };
+
+    return await HmsManager.changeName(data);
+  };
+
+  acceptRoleChange = async () => {
     logger?.verbose('#Function acceptRoleChange', { id: this.id });
-    HmsManager.acceptRoleChange({ id: this.id });
+    return await HmsManager.acceptRoleChange({ id: this.id });
   };
 
-  muteAllPeersAudio = (mute: boolean) => {
-    logger?.verbose('#Function muteAllPeersAudio', { mute, id: this.id });
+  setPlaybackForAllAudio = (mute: boolean) => {
+    logger?.verbose('#Function setPlaybackForAllAudio', { mute, id: this.id });
     this.muteStatus = mute;
-    HmsManager.muteAllPeersAudio({ mute, id: this.id });
+    HmsManager.setPlaybackForAllAudio({ mute, id: this.id });
+  };
+
+  remoteMuteAllAudio = () => {
+    logger?.verbose('#Function remoteMuteAllAudio', { id: this.id });
+    HmsManager.remoteMuteAllAudio({ id: this.id });
   };
 
   getRoom = async () => {
@@ -459,7 +577,70 @@ export class HMSSDK {
       trackId: track.trackId,
       volume,
     });
-    return;
+  };
+
+  resetVolume = () => {
+    logger?.verbose('#Function resetVolume', { id: this.id });
+    if (Platform.OS === 'android') HmsManager.resetVolume({ id: this.id });
+  };
+
+  addAppStateListener = () => {
+    logger?.verbose('#Function addAppStateListener', { id: this.id });
+    this.appStateSubscription = AppState.addEventListener(
+      'change',
+      (nextAppState) => {
+        if (nextAppState === 'active' && Platform.OS === 'android') {
+          this.resetVolume();
+        }
+      }
+    );
+  };
+
+  startScreenshare = () => {
+    logger?.verbose('#Function startScreenshare', { id: this.id });
+    if (Platform.OS === 'android') {
+      HmsManager.startScreenshare({ id: this.id });
+    } else {
+      console.log('API currently not available for iOS');
+    }
+  };
+
+  isScreenShared = async () => {
+    logger?.verbose('#Function isScreenShared', { id: this.id });
+    if (Platform.OS === 'android') {
+      return await HmsManager.isScreenShared({ id: this.id });
+    } else {
+      console.log('API currently not available for iOS');
+      return 'API currently not available for iOS';
+    }
+  };
+
+  stopScreenshare = async () => {
+    logger?.verbose('#Function stopScreenshare', { id: this.id });
+    if (Platform.OS === 'android') {
+      return await HmsManager.stopScreenshare({ id: this.id });
+    } else {
+      console.log('API currently not available for iOS');
+      return 'API currently not available for iOS';
+    }
+  };
+
+  enableRTCStats = () => {
+    logger?.verbose('#Function enableRTCStats', { id: this.id });
+    if (Platform.OS === 'ios') {
+      HmsManager.enableRTCStats({ id: this.id });
+    } else {
+      console.log('API currently not avaialble for android');
+    }
+  };
+
+  disableRTCStats = () => {
+    logger?.verbose('#Function disableRTCStats', { id: this.id });
+    if (Platform.OS === 'ios') {
+      HmsManager.disableRTCStats({ id: this.id });
+    } else {
+      console.log('API currently not avaialble for android');
+    }
   };
 
   /**
@@ -515,6 +696,21 @@ export class HMSSDK {
       case HMSUpdateListenerActions.ON_REMOVED_FROM_ROOM:
         this.onRemovedFromRoomDelegate = callback;
         break;
+      case HMSUpdateListenerActions.ON_RTC_STATS:
+        this.onRtcStatsDelegate = callback;
+        break;
+      case HMSUpdateListenerActions.ON_LOCAL_AUDIO_STATS:
+        this.onLocalAudioStatsDelegate = callback;
+        break;
+      case HMSUpdateListenerActions.ON_LOCAL_VIDEO_STATS:
+        this.onLocalVideoStatsDelegate = callback;
+        break;
+      case HMSUpdateListenerActions.ON_REMOTE_AUDIO_STATS:
+        this.onRemoteAudioStatsDelegate = callback;
+        break;
+      case HMSUpdateListenerActions.ON_REMOTE_VIDEO_STATS:
+        this.onRemoteVideoStatsDelegate = callback;
+        break;
       default:
     }
   };
@@ -569,6 +765,21 @@ export class HMSSDK {
       case HMSUpdateListenerActions.ON_REMOVED_FROM_ROOM:
         this.onRemovedFromRoomDelegate = null;
         break;
+      case HMSUpdateListenerActions.ON_RTC_STATS:
+        this.onRtcStatsDelegate = null;
+        break;
+      case HMSUpdateListenerActions.ON_LOCAL_AUDIO_STATS:
+        this.onLocalAudioStatsDelegate = null;
+        break;
+      case HMSUpdateListenerActions.ON_LOCAL_VIDEO_STATS:
+        this.onLocalVideoStatsDelegate = null;
+        break;
+      case HMSUpdateListenerActions.ON_REMOTE_AUDIO_STATS:
+        this.onRemoteAudioStatsDelegate = null;
+        break;
+      case HMSUpdateListenerActions.ON_REMOTE_VIDEO_STATS:
+        this.onRemoteVideoStatsDelegate = null;
+        break;
       default:
     }
   };
@@ -723,7 +934,7 @@ export class HMSSDK {
       this.id
     );
     if (this.muteStatus && data?.type === 'TRACK_ADDED') {
-      this.muteAllPeersAudio(this.muteStatus);
+      this.setPlaybackForAllAudio(this.muteStatus);
     }
     this.room = room;
     this.localPeer = localPeer;
@@ -760,7 +971,7 @@ export class HMSSDK {
     logger?.verbose('#Listener ON_SPEAKER', data);
     if (this.onSpeakerDelegate) {
       logger?.verbose('#Listener ON_SPEAKER_LISTENER_CALL', data);
-      this.onSpeakerDelegate(data);
+      this.onSpeakerDelegate(HMSEncoder.encodeHmsSpeakerUpdate(data, this.id));
     }
   };
 
@@ -853,4 +1064,92 @@ export class HMSSDK {
       this.onReconnectedDelegate(data);
     }
   };
+
+  RTCStatsListener = (data: any) => {
+    if (data.id !== this.id) {
+      return;
+    }
+
+    logger?.verbose('#Listener RTCStatsListener', data);
+
+    let rtcStats = HMSEncoder.encodeRTCStats(data);
+
+    if (this.onRtcStatsDelegate) {
+      this.onRtcStatsDelegate({ rtcStats });
+    }
+  };
+
+  onLocalAudioStatsListener = (data: any) => {
+    if (data.id !== this.id) {
+      return;
+    }
+
+    logger?.verbose('#Listener onLocalAudioStatsListener', data);
+
+    let localAudioStats = new HMSLocalAudioStats(data.localAudioStats);
+    let peer = HMSEncoder.encodeHmsPeer(data.peer, this.id);
+    let track = HMSEncoder.encodeHmsLocalAudioTrack(data.track, this.id);
+
+    if (this.onLocalAudioStatsDelegate) {
+      this.onLocalAudioStatsDelegate({ ...data, localAudioStats, peer, track });
+    }
+  };
+
+  onLocalVideoStatsListener = (data: any) => {
+    if (data.id !== this.id) {
+      return;
+    }
+
+    logger?.verbose('#Listener onLocalVideoStatsListener', data);
+
+    let localVideoStats = new HMSLocalVideoStats(data.localVideoStats);
+    let peer = HMSEncoder.encodeHmsPeer(data.peer, this.id);
+    let track = HMSEncoder.encodeHmsLocalVideoTrack(data.track, this.id);
+
+    if (this.onLocalVideoStatsDelegate) {
+      this.onLocalVideoStatsDelegate({ ...data, localVideoStats, peer, track });
+    }
+  };
+
+  onRemoteAudioStatsListener = (data: any) => {
+    if (data.id !== this.id) {
+      return;
+    }
+
+    logger?.verbose('#Listener onRemoteAudioStatsListener', data);
+
+    let remoteAudioStats = new HMSRemoteAudioStats(data.remoteAudioStats);
+    let peer = HMSEncoder.encodeHmsPeer(data.peer, this.id);
+    let track = HMSEncoder.encodeHmsRemoteAudioTrack(data.track, this.id);
+
+    if (this.onRemoteAudioStatsDelegate) {
+      this.onRemoteAudioStatsDelegate({
+        ...data,
+        remoteAudioStats,
+        peer,
+        track,
+      });
+    }
+  };
+
+  onRemoteVideoStatsListener = (data: any) => {
+    if (data.id !== this.id) {
+      return;
+    }
+
+    logger?.verbose('#Listener onRemoteVideoStatsListener', data);
+
+    let remoteVideoStats = new HMSRemoteVideoStats(data.remoteVideoStats);
+    let peer = HMSEncoder.encodeHmsPeer(data.peer, this.id);
+    let track = HMSEncoder.encodeHmsRemoteVideoTrack(data.track, this.id);
+
+    if (this.onRemoteVideoStatsDelegate) {
+      this.onRemoteVideoStatsDelegate({
+        ...data,
+        remoteVideoStats,
+        peer,
+        track,
+      });
+    }
+  };
 }

package/src/classes/HMSServerRecordingState.ts

@@ -3,9 +3,15 @@ import type { HMSException } from './HMSException';
 export class HMSServerRecordingState {
   running: string;
   error: HMSException;
+  startedAt: Date;
 
-  constructor(params: { running: string; error: HMSException }) {
+  constructor(params: {
+    running: string;
+    error: HMSException;
+    startedAt: Date;
+  }) {
     this.running = params.running;
     this.error = params.error;
+    this.startedAt = params.startedAt;
   }
 }

package/src/classes/HMSUpdateListenerActions.ts

@@ -12,4 +12,9 @@ export enum HMSUpdateListenerActions {
   ON_ROLE_CHANGE_REQUEST = 'ON_ROLE_CHANGE_REQUEST',
   ON_CHANGE_TRACK_STATE_REQUEST = 'ON_CHANGE_TRACK_STATE_REQUEST',
   ON_REMOVED_FROM_ROOM = 'ON_REMOVED_FROM_ROOM',
+  ON_RTC_STATS = 'ON_RTC_STATS',
+  ON_LOCAL_AUDIO_STATS = 'ON_LOCAL_AUDIO_STATS',
+  ON_LOCAL_VIDEO_STATS = 'ON_LOCAL_VIDEO_STATS',
+  ON_REMOTE_AUDIO_STATS = 'ON_REMOTE_AUDIO_STATS',
+  ON_REMOTE_VIDEO_STATS = 'ON_REMOTE_VIDEO_STATS',
 }

package/src/classes/HmsView.tsx

@@ -1,6 +1,7 @@
-import React from 'react';
-import { requireNativeComponent, ViewStyle } from 'react-native';
+import React, { useState, useEffect } from 'react';
+import { requireNativeComponent, StyleSheet, ViewStyle } from 'react-native';
 import { HMSVideoViewMode } from '../classes/HMSVideoViewMode';
+
 interface HmsViewProps {
   data: {
     trackId: string;
@@ -10,6 +11,7 @@ interface HmsViewProps {
   };
   scaleType: HMSVideoViewMode;
   style: ViewStyle;
+  onChange: Function;
 }
 
 const HmsViewComponent = requireNativeComponent<HmsViewProps>('HmsView');
@@ -29,8 +31,9 @@ export const HmsView = ({
   style,
   id,
   mirror,
-  scaleType = HMSVideoViewMode.ASPECT_FIT,
+  scaleType = HMSVideoViewMode.ASPECT_FILL,
 }: HmsComponentProps) => {
+  const [tempVal, setTempVal] = useState(0);
   const data = {
     trackId,
     sink,
@@ -38,5 +41,30 @@ export const HmsView = ({
     mirror: mirror || false,
   };
 
-  return <HmsViewComponent data={data} style={style} scaleType={scaleType} />;
+  const onChange = (values: any) => {
+    console.log(values, 'values');
+    setTimeout(() => {
+      setTempVal(1);
+    }, 2000);
+  };
+
+  useEffect(() => {
+    setTempVal(0);
+  }, [tempVal]);
+
+  return (
+    <HmsViewComponent
+      onChange={onChange}
+      data={data}
+      style={tempVal === 0 ? style : temporaryStyles.customStyle}
+      scaleType={scaleType}
+    />
+  );
 };
+
+const temporaryStyles = StyleSheet.create({
+  customStyle: {
+    width: '100%',
+    height: '50%',
+  },
+});

package/src/index.ts

@@ -46,7 +46,17 @@ export * from './classes/HMSRtmpStreamingState';
 export * from './classes/HMSServerRecordingState';
 export * from './classes/HMSBrowserRecordingState';
 export * from './classes/HMSRTMPConfig';
+export * from './classes/HMSHLSConfig';
+export * from './classes/HMSHLSMeetingURLVariant';
+export * from './classes/HMSHLSVariant';
+export * from './classes/HMSHLSStreamingState';
 export * from './classes/HMSVideoResolution';
+export * from './classes/HMSLocalAudioStats';
+export * from './classes/HMSLocalVideoStats';
+export * from './classes/HMSRTCStats';
+export * from './classes/HMSRTCStatsReport';
+export * from './classes/HMSRemoteAudioStats';
+export * from './classes/HMSRemoteVideoStats';
 
 import { HMSSDK as HmsManager } from './classes/HMSSDK';
 export default HmsManager;

package/android/.project

@@ -1,34 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<projectDescription>
-	<name>reactnativehmssdk</name>
-	<comment>Project reactnativehmssdk created by Buildship.</comment>
-	<projects>
-	</projects>
-	<buildSpec>
-		<buildCommand>
-			<name>org.eclipse.jdt.core.javabuilder</name>
-			<arguments>
-			</arguments>
-		</buildCommand>
-		<buildCommand>
-			<name>org.eclipse.buildship.core.gradleprojectbuilder</name>
-			<arguments>
-			</arguments>
-		</buildCommand>
-	</buildSpec>
-	<natures>
-		<nature>org.eclipse.jdt.core.javanature</nature>
-		<nature>org.eclipse.buildship.core.gradleprojectnature</nature>
-	</natures>
-	<filteredResources>
-		<filter>
-			<id>0</id>
-			<name></name>
-			<type>30</type>
-			<matcher>
-				<id>org.eclipse.core.resources.regexFilterMatcher</id>
-				<arguments>node_modules|.git|__CREATED_BY_JAVA_LANGUAGE_SERVER__</arguments>
-			</matcher>
-		</filter>
-	</filteredResources>
-</projectDescription>