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

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,7 @@ 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';
 
 interface HmsComponentProps {
   trackId: string;
@@ -38,14 +45,16 @@ const HmsEventEmitter = new NativeEventEmitter(HmsManager);
 
 let HmsSdk: HMSSDK | undefined;
 
+let logger: HMSLogger | undefined;
+
 export class HMSSDK {
   room?: HMSRoom;
   localPeer?: HMSLocalPeer;
   remotePeers?: HMSRemotePeer[];
   knownRoles?: HMSRole[];
-  logger?: HMSLogger;
   id: string;
   private muteStatus: boolean | undefined;
+  appStateSubscription?: any;
 
   onPreviewDelegate?: any;
   onJoinDelegate?: any;
@@ -73,7 +82,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();
@@ -81,6 +90,15 @@ export class HMSSDK {
     return HmsSdk;
   }
 
+  static getLogger() {
+    return logger;
+  }
+
+  setLogger = (hmsLogger: HMSLogger) => {
+    logger = hmsLogger;
+    hmsLogger.verbose('#Function setLogger', { id: this.id });
+  };
+
   destroy = () => {
     this.removeListeners();
   };
@@ -224,12 +242,13 @@ export class HMSSDK {
    * @memberof HMSSDK
    */
   join = async (config: HMSConfig) => {
-    this.logger?.verbose('JOIN', { config });
+    logger?.verbose('#Function join', { config, id: this.id });
+    this.addAppStateListener();
     await HmsManager.join({ ...config, id: this.id });
   };
 
   preview = (config: HMSConfig) => {
-    this.logger?.verbose('PREVIEW', { config });
+    logger?.verbose('#Function preview', { config, id: this.id });
     HmsManager.preview({ ...config, id: this.id });
   };
 
@@ -258,31 +277,46 @@ export class HMSSDK {
    * @memberof HMSSDK
    */
   leave = async () => {
-    this.logger?.verbose('LEAVE', {});
+    logger?.verbose('#Function leave', { id: this.id });
     const data = {
       id: this.id,
     };
 
-    await HmsManager.leave(data);
+    const op = await HmsManager.leave(data);
     this.muteStatus = undefined;
     this.localPeer = undefined;
     this.remotePeers = undefined;
     this.room = undefined;
     this.knownRoles = undefined;
+    this?.appStateSubscription?.remove();
+    return op;
   };
 
-  sendBroadcastMessage = (message: string, type?: string) => {
-    this.logger?.verbose('SEND_BROADCAST_MESSAGE', { message });
-    HmsManager.sendBroadcastMessage({
+  sendBroadcastMessage = async (message: string, type: string = 'chat') => {
+    logger?.verbose('#Function sendBroadcastMessage', {
+      message,
+      type: type || null,
+      id: this.id,
+    });
+    return await HmsManager.sendBroadcastMessage({
       message,
       type: type || null,
       id: this.id,
     });
   };
 
-  sendGroupMessage = (message: string, roles: HMSRole[], type?: string) => {
-    this.logger?.verbose('SEND_GROUP_MESSAGE', { message, roles });
-    HmsManager.sendGroupMessage({
+  sendGroupMessage = async (
+    message: string,
+    roles: HMSRole[],
+    type: string = 'chat'
+  ) => {
+    logger?.verbose('#Function sendGroupMessage', {
+      message,
+      roles,
+      id: this.id,
+      type: type || null,
+    });
+    return await HmsManager.sendGroupMessage({
       message,
       roles: HMSHelper.getRoleNames(roles),
       id: this.id,
@@ -290,114 +324,155 @@ export class HMSSDK {
     });
   };
 
-  sendDirectMessage = (message: string, peerId: string, type?: string) => {
-    this.logger?.verbose('SEND_DIRECT_MESSAGE', { message, peerId });
-    HmsManager.sendDirectMessage({
+  sendDirectMessage = async (
+    message: 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: peer.peerID,
       id: this.id,
       type: type || null,
     });
   };
 
   changeMetadata = (metadata: string) => {
-    this.logger?.verbose('CHANGE_METADATA', { metadata });
+    logger?.verbose('#Function changeMetadata', { metadata, id: this.id });
     HmsManager.changeMetadata({ metadata, id: this.id });
   };
 
   startRTMPOrRecording = async (data: HMSRTMPConfig) => {
-    this.logger?.verbose('START_RTMP_OR_RECORDING', { data });
+    logger?.verbose('#Function startRTMPOrRecording', {
+      ...data,
+      id: this.id,
+    });
 
     const op = await HmsManager.startRTMPOrRecording({ ...data, id: this.id });
     return op;
   };
 
   stopRtmpAndRecording = async () => {
-    this.logger?.verbose('STOP_RTMP_OR_RECORDING', {});
+    logger?.verbose('#Function stopRtmpAndRecording', {});
     const op = await HmsManager.stopRtmpAndRecording({ id: this.id });
     return op;
   };
 
-  changeRole = (peer: HMSPeer, role: HMSRole, force: boolean = false) => {
+  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,
       role: role?.name,
       force: force,
       id: this.id,
     };
-    this.logger?.verbose('CHANGE_ROLE', data);
-    HmsManager.changeRole(data);
+    logger?.verbose('#Function changeRole', data);
+    return await HmsManager.changeRole(data);
   };
 
-  changeTrackState = (track: HMSTrack, mute: boolean) => {
-    this.logger?.verbose('CHANGE_TRACK_STATE', { track, mute });
+  changeTrackState = async (track: HMSTrack, mute: boolean) => {
+    logger?.verbose('#Function changeTrackState', {
+      track,
+      mute,
+      id: this.id,
+    });
     const data = {
       trackId: track.trackId,
       mute,
       id: this.id,
     };
 
-    HmsManager.changeTrackState(data);
+    return await HmsManager.changeTrackState(data);
   };
 
-  changeTrackStateRoles = (
-    type: HMSTrackType,
+  changeTrackStateForRoles = async (
     mute: boolean,
-    source: string,
-    roles: Array<HMSRole>
+    type?: HMSTrackType,
+    source?: string,
+    roles?: Array<HMSRole>
   ) => {
-    this.logger?.verbose('CHANGE_TRACK_STATE_ROLES', {
+    let roleNames = null;
+    if (roles) {
+      roleNames = HMSHelper.getRoleNames(roles);
+    }
+    logger?.verbose('#Function changeTrackStateRoles', {
       source,
       mute,
       type,
       roles,
+      id: this.id,
     });
     const data = {
       source,
       mute,
       type,
-      roles: HMSHelper.getRoleNames(roles),
+      roles: roleNames,
       id: this.id,
     };
 
-    HmsManager.changeTrackStateRoles(data);
+    return await HmsManager.changeTrackStateForRoles(data);
   };
 
-  removePeer = (peerId: string, reason: string) => {
-    this.logger?.verbose('REMOVE_PEER', { peerId, reason });
+  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,
     };
 
-    HmsManager.removePeer(data);
+    return await HmsManager.removePeer(data);
   };
 
-  endRoom = (lock: boolean, reason: string) => {
-    this.logger?.verbose('END_ROOM', { lock, reason });
+  endRoom = async (reason: string, lock: boolean = false) => {
+    logger?.verbose('#Function endRoom', { lock, reason, id: this.id });
     const data = {
       lock,
       reason,
       id: this.id,
     };
 
-    HmsManager.endRoom(data);
+    return await HmsManager.endRoom(data);
   };
 
-  acceptRoleChange = () => {
-    this.logger?.verbose('ACCEPT_ROLE_CHANGE', {});
-    HmsManager.acceptRoleChange({ id: this.id });
+  acceptRoleChange = async () => {
+    logger?.verbose('#Function acceptRoleChange', { id: this.id });
+    return await HmsManager.acceptRoleChange({ id: this.id });
   };
 
   muteAllPeersAudio = (mute: boolean) => {
-    this.logger?.verbose('ON_MUTE_ALL_PEERS', { mute });
+    logger?.verbose('#Function muteAllPeersAudio', { mute, id: this.id });
     this.muteStatus = mute;
     HmsManager.muteAllPeersAudio({ mute, id: this.id });
   };
 
   getRoom = async () => {
-    this.logger?.verbose('GET_ROOM_API_CALL', { roomID: this.id });
+    logger?.verbose('#Function getRoom', {
+      roomID: this.room?.id,
+      id: this.id,
+    });
     const hmsRoom = await HmsManager.getRoom({ id: this.id });
 
     const encodedHmsRoom = HMSEncoder.encodeHmsRoom(hmsRoom, this.id);
@@ -405,13 +480,62 @@ export class HMSSDK {
   };
 
   setVolume = (track: HMSTrack, volume: number) => {
-    this.logger?.verbose('SET_VOLUME_CALL', { track, volume });
+    logger?.verbose('#Function setVolume', {
+      track,
+      volume,
+      id: this.id,
+    });
     HmsManager.setVolume({
       id: this.id,
       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 avaialble 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 avaialble for iOS');
+      return 'API currently not avaialble 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 avaialble for iOS');
+      return 'API currently not avaialble for iOS';
+    }
   };
 
   /**
@@ -423,7 +547,10 @@ export class HMSSDK {
    * @memberof HMSSDK
    */
   addEventListener = (action: HMSUpdateListenerActions, callback: any) => {
-    this.logger?.verbose('ON_ATTACH_EVENT_LISTENER', { action });
+    logger?.verbose('#Function addEventListener', {
+      action,
+      id: this.id,
+    });
     switch (action) {
       case HMSUpdateListenerActions.ON_PREVIEW:
         this.onPreviewDelegate = callback;
@@ -477,7 +604,7 @@ export class HMSSDK {
    * @memberof HMSSDK
    */
   removeEventListener = (action: HMSUpdateListenerActions) => {
-    this.logger?.verbose('ON_REMOVE_LISTENER', { action });
+    logger?.verbose('#Function removeEventListener', { action, id: this.id });
     switch (action) {
       case HMSUpdateListenerActions.ON_PREVIEW:
         this.onPreviewDelegate = null;
@@ -542,19 +669,14 @@ export class HMSSDK {
     this.onChangeTrackStateRequestDelegate = null;
     this.onRemovedFromRoomDelegate = null;
 
-    this.logger?.verbose('REMOVE_ALL_LISTENER', {});
-  };
-
-  setLogger = (hmsLogger: HMSLogger) => {
-    this.logger = hmsLogger;
-    hmsLogger.verbose('UPDATE_LOGGER', { hmsLogger });
+    logger?.verbose('#Function REMOVE_ALL_LISTENER', { id: this.id });
   };
 
   onPreviewListener = (data: any) => {
     if (data.id !== this.id) {
       return;
     }
-    this.logger?.verbose('ON_PREVIEW', data);
+    logger?.verbose('#Listener ON_PREVIEW', data);
     const room: HMSRoom = HMSEncoder.encodeHmsRoom(data.room, this.id);
     const localPeer: HMSLocalPeer = HMSEncoder.encodeHmsLocalPeer(
       data.localPeer,
@@ -566,7 +688,7 @@ export class HMSSDK {
     this.localPeer = localPeer;
     this.room = room;
     if (this.onPreviewDelegate) {
-      this.logger?.verbose('ON_PREVIEW_LISTENER_CALL', {
+      logger?.verbose('#Listener ON_PREVIEW_LISTENER_CALL', {
         ...data,
         room,
         localPeer,
@@ -580,7 +702,7 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    this.logger?.verbose('ON_JOIN', data);
+    logger?.verbose('#LISTENER ON_JOIN', data);
     // Preprocessing
     const room: HMSRoom = HMSEncoder.encodeHmsRoom(data.room, this.id);
     const localPeer: HMSLocalPeer = HMSEncoder.encodeHmsLocalPeer(
@@ -597,7 +719,7 @@ export class HMSSDK {
     this.remotePeers = remotePeers;
     this.knownRoles = roles;
     if (this.onJoinDelegate) {
-      this.logger?.verbose('ON_JOIN_LISTENER_CALL', {
+      logger?.verbose('#Listener ON_JOIN_LISTENER_CALL', {
         ...data,
         room,
         localPeer,
@@ -611,7 +733,7 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    this.logger?.verbose('ON_ROOM', data);
+    logger?.verbose('#Listener ON_ROOM', data);
     const room: HMSRoom = HMSEncoder.encodeHmsRoom(data.room, this.id);
     const localPeer: HMSLocalPeer = HMSEncoder.encodeHmsLocalPeer(
       data.localPeer,
@@ -625,7 +747,7 @@ export class HMSSDK {
     this.localPeer = localPeer;
     this.remotePeers = remotePeers;
     if (this.onRoomDelegate) {
-      this.logger?.verbose('ON_ROOM_LISTENER_CALL', {
+      logger?.verbose('#Listener ON_ROOM_LISTENER_CALL', {
         ...data,
         room,
         localPeer,
@@ -639,7 +761,8 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    this.logger?.verbose('ON_PEER', data);
+    logger?.verbose('#Listener ON_PEER', data);
+    const peer: HMSPeer = HMSEncoder.encodeHmsPeer(data.peer, this.id);
     const room: HMSRoom = HMSEncoder.encodeHmsRoom(data.room, this.id);
     const localPeer: HMSLocalPeer = HMSEncoder.encodeHmsLocalPeer(
       data.localPeer,
@@ -654,8 +777,8 @@ export class HMSSDK {
     this.remotePeers = remotePeers;
     this.room = room;
     if (this.onPeerDelegate) {
-      this.logger?.verbose('ON_PEER_LISTENER_CALL', data);
-      this.onPeerDelegate({ ...data, localPeer, remotePeers, room });
+      logger?.verbose('#Listener ON_PEER_LISTENER_CALL', data);
+      this.onPeerDelegate({ ...data, localPeer, remotePeers, room, peer });
     }
   };
 
@@ -663,7 +786,9 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    this.logger?.verbose('ON_TRACK', data);
+    logger?.verbose('#Listener ON_TRACK', data);
+    const track: HMSTrack = HMSEncoder.encodeHmsTrack(data.track, this.id);
+    const peer: HMSPeer = HMSEncoder.encodeHmsPeer(data.peer, this.id);
     const room: HMSRoom = HMSEncoder.encodeHmsRoom(data.room, this.id);
     const localPeer: HMSLocalPeer = HMSEncoder.encodeHmsLocalPeer(
       data.localPeer,
@@ -680,8 +805,15 @@ export class HMSSDK {
     this.localPeer = localPeer;
     this.remotePeers = remotePeers;
     if (this.onTrackDelegate) {
-      this.logger?.verbose('ON_TRACK_LISTENER_CALL', data);
-      this.onTrackDelegate({ ...data, localPeer, remotePeers, room });
+      logger?.verbose('#Listener ON_TRACK_LISTENER_CALL', data);
+      this.onTrackDelegate({
+        ...data,
+        localPeer,
+        remotePeers,
+        room,
+        peer,
+        track,
+      });
     }
   };
 
@@ -689,10 +821,10 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    this.logger?.verbose('ON_MESSAGE', data);
+    logger?.verbose('#Listener ON_MESSAGE', data);
     const message = new HMSMessage(data);
     if (this.onMessageDelegate) {
-      this.logger?.verbose('ON_MESSAGE_LISTENER_CALL', message);
+      logger?.verbose('#Listener ON_MESSAGE_LISTENER_CALL', message);
       this.onMessageDelegate(message);
     }
   };
@@ -701,8 +833,9 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    this.logger?.verbose('ON_SPEAKER', data);
+    logger?.verbose('#Listener ON_SPEAKER', data);
     if (this.onSpeakerDelegate) {
+      logger?.verbose('#Listener ON_SPEAKER_LISTENER_CALL', data);
       this.onSpeakerDelegate(data);
     }
   };
@@ -711,11 +844,11 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    this.logger?.warn('ON_ERROR', data);
-    this.logger?.verbose('ON_ERROR', data);
+    logger?.warn('#Listener ON_ERROR', data);
+    logger?.verbose('#Listener ON_ERROR', data);
     if (this.onErrorDelegate) {
-      this.logger?.verbose('ON_ERROR_LISTENER_CALL', data);
-      this.logger?.warn('ON_ERROR_LISTENER_CALL', data);
+      logger?.verbose('#Listener ON_ERROR_LISTENER_CALL', data);
+      logger?.warn('#Listener ON_ERROR_LISTENER_CALL', data);
       this.onErrorDelegate(data);
     }
   };
@@ -724,14 +857,14 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    this.logger?.verbose('ON_ROLE_CHANGE_REQUEST', data);
+    logger?.verbose('#Listener ON_ROLE_CHANGE_REQUEST', data);
     if (this.onRoleChangeRequestDelegate) {
       const encodedRoleChangeRequest = HMSEncoder.encodeHmsRoleChangeRequest(
         data,
         this.id
       );
-      this.logger?.verbose(
-        'ON_ROLE_CHANGE_LISTENER_CALL',
+      logger?.verbose(
+        '#Listener ON_ROLE_CHANGE_LISTENER_CALL',
         encodedRoleChangeRequest
       );
       this.onRoleChangeRequestDelegate(encodedRoleChangeRequest);
@@ -739,12 +872,15 @@ export class HMSSDK {
   };
 
   onChangeTrackStateRequestListener = (data: any) => {
-    this.logger?.verbose('ON_CHANGE_TRACK_STATE_REQUEST', data);
+    if (data.id !== this.id) {
+      return;
+    }
+    logger?.verbose('#Listener ON_CHANGE_TRACK_STATE_REQUEST', data);
     if (this.onChangeTrackStateRequestDelegate) {
       const encodedRoleChangeRequest =
         HMSEncoder.encodeHmsChangeTrackStateRequest(data, this.id);
-      this.logger?.verbose(
-        'ON_CHANGE_TRACK_STATE_REQUEST_LISTENER_CALL',
+      logger?.verbose(
+        '#Listener ON_CHANGE_TRACK_STATE_REQUEST_LISTENER_CALL',
         encodedRoleChangeRequest
       );
       this.onChangeTrackStateRequestDelegate(encodedRoleChangeRequest);
@@ -755,7 +891,7 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    this.logger?.verbose('ON_REMOVED_FROM_ROOM', data);
+    logger?.verbose('#Listener ON_REMOVED_FROM_ROOM', data);
     if (this.onRemovedFromRoomDelegate) {
       let requestedBy = null;
       if (data.requestedBy) {
@@ -764,10 +900,11 @@ export class HMSSDK {
       const reason = data.reason;
       const roomEnded = data.roomEnded;
 
-      this.logger?.verbose('ON_REMOVED_FROM_ROOM_LISTENER_CALL', {
+      logger?.verbose('#Listener ON_REMOVED_FROM_ROOM_LISTENER_CALL', {
         requestedBy,
         reason,
         roomEnded,
+        id: this.id,
       });
       this.onRemovedFromRoomDelegate({ requestedBy, reason, roomEnded });
     }
@@ -777,7 +914,7 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    this.logger?.verbose('ON_RECONNECTING', data);
+    logger?.verbose('#Listener ON_RECONNECTING', data);
     if (this.onReconnectingDelegate) {
       this.onReconnectingDelegate(data);
     }
@@ -787,7 +924,7 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    this.logger?.verbose('ON_RECONNECTED', data);
+    logger?.verbose('#Listener ON_RECONNECTED', data);
     if (this.onReconnectedDelegate) {
       this.onReconnectedDelegate(data);
     }

package/src/classes/HMSTrackSettings.ts

@@ -4,14 +4,17 @@ import type { HMSVideoTrackSettings } from './HMSVideoTrackSettings';
 export class HMSTrackSettings {
   video?: HMSVideoTrackSettings;
   audio?: HMSAudioTrackSettings;
+  useHardwareEchoCancellation?: boolean;
 
   constructor(params?: {
     video?: HMSVideoTrackSettings;
     audio?: HMSAudioTrackSettings;
+    useHardwareEchoCancellation?: boolean;
   }) {
     if (params) {
       this.video = params.video;
       this.audio = params.audio;
+      this.useHardwareEchoCancellation = params.useHardwareEchoCancellation;
     }
   }
 }

package/src/classes/HMSVideoCodec.ts

@@ -1,6 +1,6 @@
 export enum HMSVideoCodec {
-  h264 = 'h264',
-  vp8 = 'vp8',
-  vp9 = 'vp9',
-  h265 = 'h265',
+  H264 = 'H264',
+  VP8 = 'VP8',
+  VP9 = 'VP9',
+  H265 = 'H265',
 }