mediasfu-angular 2.1.6 → 2.2.1

package/dist/lib/components/mediasfu-components/mediasfu-chat.component.d.ts

@@ -141,6 +141,10 @@ export type MediasfuChatOptions = {
  * @input {CreateMediaSFURoomOptions | JoinMediaSFURoomOptions} noUIPreJoinOptions - Options for the prejoin page without UI.
  * @input {JoinRoomOnMediaSFUType} joinMediaSFURoom - Function to join a room on MediaSFU.
  * @input {CreateRoomOnMediaSFUType} createMediaSFURoom - Function to create a room on MediaSFU.
+ * @input {any} customVideoCard - Custom component to replace the default VideoCard component.
+ * @input {any} customAudioCard - Custom component to replace the default AudioCard component.
+ * @input {any} customMiniCard - Custom component to replace the default MiniCard component.
+ * @input {any} customMainComponent - Custom component that provides complete control over the main UI, bypassing default MediaSFU styling.
  *
  * @property {string} title - The title of the component, defaults to "MediaSFU-Chat".
  *
@@ -166,13 +170,17 @@ export type MediasfuChatOptions = {
  *   [useLocalUIMode]="true"
  *   [seedData]="seedDataObject"
  *   [useSeed]="true"
- *   [imgSrc]="https://example.com/logo.png">
+ *   [imgSrc]="'https://example.com/logo.png'"
  *   [sourceParameters]="{ source: 'camera', width: 640, height: 480 }"
  *   [updateSourceParameters]="updateSourceParameters"
  *   [returnUI]="true"
  *   [noUIPreJoinOptions]="{ roomName: 'room1', userName: 'user1' }"
  *   [joinMediaSFURoom]="joinMediaSFURoom"
- *   [createMediaSFURoom]="createMediaSFURoom">
+ *   [createMediaSFURoom]="createMediaSFURoom"
+ *   [customVideoCard]="CustomVideoCardComponent"
+ *   [customAudioCard]="CustomAudioCardComponent"
+ *   [customMiniCard]="CustomMiniCardComponent"
+ *   [customMainComponent]="CustomMainComponent">
  * </app-mediasfu-chat>
  * ```
  */
@@ -281,6 +289,10 @@ export declare class MediasfuChat implements OnInit, OnDestroy {
     noUIPreJoinOptions?: CreateMediaSFURoomOptions | JoinMediaSFURoomOptions;
     joinMediaSFURoom?: JoinRoomOnMediaSFUType;
     createMediaSFURoom?: CreateRoomOnMediaSFUType;
+    customVideoCard?: any;
+    customAudioCard?: any;
+    customMiniCard?: any;
+    customMainComponent?: any;
     title: string;
     private mainHeightWidthSubscription;
     private validatedSubscription;
@@ -290,6 +302,22 @@ export declare class MediasfuChat implements OnInit, OnDestroy {
     private recordingSubscription;
     constructor(cdr: ChangeDetectorRef, injector: Injector, updateMiniCardsGrid: UpdateMiniCardsGrid, mixStreams: MixStreams, dispStreams: DispStreams, stopShareScreen: StopShareScreen, checkScreenShare: CheckScreenShare, startShareScreen: StartShareScreen, requestScreenShare: RequestScreenShare, reorderStreams: ReorderStreams, prepopulateUserMedia: PrepopulateUserMedia, getVideos: GetVideos, rePort: RePort, trigger: Trigger, consumerResume: ConsumerResume, connectSendTransport: ConnectSendTransport, connectSendTransportAudio: ConnectSendTransportAudio, connectSendTransportVideo: ConnectSendTransportVideo, connectSendTransportScreen: ConnectSendTransportScreen, processConsumerTransports: ProcessConsumerTransports, resumePauseStreams: ResumePauseStreams, readjust: Readjust, checkGrid: CheckGrid, getEstimate: GetEstimate, calculateRowsAndColumns: CalculateRowsAndColumns, addVideosGrid: AddVideosGrid, onScreenChanges: OnScreenChanges, changeVids: ChangeVids, compareActiveNames: CompareActiveNames, compareScreenStates: CompareScreenStates, createSendTransport: CreateSendTransport, resumeSendTransportAudio: ResumeSendTransportAudio, receiveAllPipedTransports: ReceiveAllPipedTransports, disconnectSendTransportVideo: DisconnectSendTransportVideo, disconnectSendTransportAudio: DisconnectSendTransportAudio, disconnectSendTransportScreen: DisconnectSendTransportScreen, getPipedProducersAlt: GetPipedProducersAlt, signalNewConsumerTransport: SignalNewConsumerTransport, connectRecvTransport: ConnectRecvTransport, reUpdateInter: ReUpdateInter, updateParticipantAudioDecibels: UpdateParticipantAudioDecibels, closeAndResize: CloseAndResize, autoAdjust: AutoAdjust, switchUserVideoAlt: SwitchUserVideoAlt, switchUserVideo: SwitchUserVideo, switchUserAudio: SwitchUserAudio, getDomains: GetDomains, formatNumber: FormatNumber, connectIps: ConnectIps, connectLocalIps: ConnectLocalIps, createDeviceClient: CreateDeviceClient, captureCanvasStream: CaptureCanvasStream, resumePauseAudioStreams: ResumePauseAudioStreams, processConsumerTransportsAudio: ProcessConsumerTransportsAudio, launchMessages: LaunchMessages, launchConfirmExit: LaunchConfirmExit, startMeetingProgressTimer: StartMeetingProgressTimer, producerMediaPaused: ProducerMediaPaused, producerMediaResumed: ProducerMediaResumed, producerMediaClosed: ProducerMediaClosed, meetingEnded: MeetingEnded, disconnectUserSelf: DisconnectUserSelf, receiveMessage: ReceiveMessage, meetingTimeRemaining: MeetingTimeRemaining, meetingStillThere: MeetingStillThere, allMembers: AllMembers, allMembersRest: AllMembersRest, disconnect: Disconnect, socketManager: SocketManager, joinRoomClient: JoinRoomClient, joinLocalRoom: JoinLocalRoom, updateRoomParametersClient: UpdateRoomParametersClient, clickVideo: ClickVideo, clickAudio: ClickAudio, clickScreenShare: ClickScreenShare, switchVideoAlt: SwitchVideoAlt, streamSuccessVideo: StreamSuccessVideo, streamSuccessAudio: StreamSuccessAudio, streamSuccessScreen: StreamSuccessScreen, streamSuccessAudioSwitch: StreamSuccessAudioSwitch, checkPermission: CheckPermission, updateConsumingDomains: UpdateConsumingDomains, receiveRoomMessages: ReceiveRoomMessages);
     createInjector(inputs: any): Injector;
+    /**
+     * Gets a list of media devices filtered by the specified kind.
+     * @param kind - The kind of media device to filter by ('videoinput' or 'audioinput')
+     * @returns A promise that resolves to an array of MediaDeviceInfo objects
+     */
+    getMediaDevicesList: (kind: "videoinput" | "audioinput") => Promise<MediaDeviceInfo[]>;
+    /**
+     * Gets the media stream for a participant by their ID or name.
+     * @param options - Object containing id, name, and kind parameters
+     * @returns A promise that resolves to the participant's MediaStream or null if not found
+     */
+    getParticipantMedia: (options: {
+        id?: string;
+        name?: string;
+        kind: "video" | "audio";
+    }) => Promise<MediaStream | null>;
     mediaSFUFunctions: () => {
         updateMiniCardsGrid: ({ rows, cols, defal, actualRows, parameters, }: import("../../consumers/update-mini-cards-grid.service").UpdateMiniCardsGridOptions) => Promise<void>;
         mixStreams: ({ alVideoStreams, non_alVideoStreams, ref_participants, }: import("../../consumers/mix-streams.service").MixStreamsOptions) => Promise<(Stream | Participant)[]>;
@@ -362,6 +390,12 @@ export declare class MediasfuChat implements OnInit, OnDestroy {
         switchVideoAlt: ({ parameters }: import("../../@types/types").SwitchVideoAltOptions) => Promise<void>;
         requestPermissionCamera: () => Promise<string>;
         requestPermissionAudio: () => Promise<string>;
+        getMediaDevicesList: (kind: "videoinput" | "audioinput") => Promise<MediaDeviceInfo[]>;
+        getParticipantMedia: (options: {
+            id?: string;
+            name?: string;
+            kind: "video" | "audio";
+        }) => Promise<MediaStream | null>;
     };
     validated: BehaviorSubject<boolean>;
     localUIMode: BehaviorSubject<boolean>;
@@ -812,7 +846,7 @@ export declare class MediasfuChat implements OnInit, OnDestroy {
     recordingVideoOptions: BehaviorSubject<string>;
     recordingVideoType: BehaviorSubject<string>;
     recordingVideoOptimized: BehaviorSubject<boolean>;
-    recordingDisplayType: BehaviorSubject<"video" | "all" | "media">;
+    recordingDisplayType: BehaviorSubject<"video" | "media" | "all">;
     recordingAddHLS: BehaviorSubject<boolean>;
     recordingNameTags: BehaviorSubject<boolean>;
     recordingBackgroundColor: BehaviorSubject<string>;
@@ -1038,7 +1072,7 @@ export declare class MediasfuChat implements OnInit, OnDestroy {
     updateAnnotateScreenStream: (value: boolean) => void;
     updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
     updateIsScreenboardModalVisible: (value: boolean) => void;
-    checkOrientation: () => "landscape" | "portrait";
+    checkOrientation: () => "portrait" | "landscape";
     showAlert: ({ message, type, duration, }: {
         message: string;
         type: "success" | "danger";
@@ -1281,7 +1315,7 @@ export declare class MediasfuChat implements OnInit, OnDestroy {
         recordingVideoOptions: string;
         recordingVideoType: string;
         recordingVideoOptimized: boolean;
-        recordingDisplayType: "video" | "all" | "media";
+        recordingDisplayType: "video" | "media" | "all";
         recordingAddHLS: boolean;
         recordingAddText: boolean;
         recordingCustomText: string;
@@ -1682,11 +1716,14 @@ export declare class MediasfuChat implements OnInit, OnDestroy {
         updateAnnotateScreenStream: (value: boolean) => void;
         updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
         updateIsScreenboardModalVisible: (value: boolean) => void;
-        checkOrientation: () => "landscape" | "portrait";
+        checkOrientation: () => "portrait" | "landscape";
         updateDevice: (value: Device | null) => void;
         updateSocket: (value: Socket) => void;
         updateLocalSocket: (value: Socket | null) => void;
         updateValidated: (value: boolean) => void;
+        customVideoCard: any;
+        customAudioCard: any;
+        customMiniCard: any;
         showAlert: ({ message, type, duration, }: {
             message: string;
             type: "success" | "danger";
@@ -1764,6 +1801,12 @@ export declare class MediasfuChat implements OnInit, OnDestroy {
             switchVideoAlt: ({ parameters }: import("../../@types/types").SwitchVideoAltOptions) => Promise<void>;
             requestPermissionCamera: () => Promise<string>;
             requestPermissionAudio: () => Promise<string>;
+            getMediaDevicesList: (kind: "videoinput" | "audioinput") => Promise<MediaDeviceInfo[]>;
+            getParticipantMedia: (options: {
+                id?: string;
+                name?: string;
+                kind: "video" | "audio";
+            }) => Promise<MediaStream | null>;
             localUIMode: boolean;
             roomName: string;
             member: string;
@@ -2000,7 +2043,7 @@ export declare class MediasfuChat implements OnInit, OnDestroy {
             recordingVideoOptions: string;
             recordingVideoType: string;
             recordingVideoOptimized: boolean;
-            recordingDisplayType: "video" | "all" | "media";
+            recordingDisplayType: "video" | "media" | "all";
             recordingAddHLS: boolean;
             recordingAddText: boolean;
             recordingCustomText: string;
@@ -2401,11 +2444,14 @@ export declare class MediasfuChat implements OnInit, OnDestroy {
             updateAnnotateScreenStream: (value: boolean) => void;
             updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
             updateIsScreenboardModalVisible: (value: boolean) => void;
-            checkOrientation: () => "landscape" | "portrait";
+            checkOrientation: () => "portrait" | "landscape";
             updateDevice: (value: Device | null) => void;
             updateSocket: (value: Socket) => void;
             updateLocalSocket: (value: Socket | null) => void;
             updateValidated: (value: boolean) => void;
+            customVideoCard: any;
+            customAudioCard: any;
+            customMiniCard: any;
             showAlert: ({ message, type, duration, }: {
                 message: string;
                 type: "success" | "danger";
@@ -2486,6 +2532,12 @@ export declare class MediasfuChat implements OnInit, OnDestroy {
         switchVideoAlt: ({ parameters }: import("../../@types/types").SwitchVideoAltOptions) => Promise<void>;
         requestPermissionCamera: () => Promise<string>;
         requestPermissionAudio: () => Promise<string>;
+        getMediaDevicesList: (kind: "videoinput" | "audioinput") => Promise<MediaDeviceInfo[]>;
+        getParticipantMedia: (options: {
+            id?: string;
+            name?: string;
+            kind: "video" | "audio";
+        }) => Promise<MediaStream | null>;
         localUIMode: boolean;
         roomName: string;
         member: string;
@@ -2722,7 +2774,7 @@ export declare class MediasfuChat implements OnInit, OnDestroy {
         recordingVideoOptions: string;
         recordingVideoType: string;
         recordingVideoOptimized: boolean;
-        recordingDisplayType: "video" | "all" | "media";
+        recordingDisplayType: "video" | "media" | "all";
         recordingAddHLS: boolean;
         recordingAddText: boolean;
         recordingCustomText: string;
@@ -3123,11 +3175,14 @@ export declare class MediasfuChat implements OnInit, OnDestroy {
         updateAnnotateScreenStream: (value: boolean) => void;
         updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
         updateIsScreenboardModalVisible: (value: boolean) => void;
-        checkOrientation: () => "landscape" | "portrait";
+        checkOrientation: () => "portrait" | "landscape";
         updateDevice: (value: Device | null) => void;
         updateSocket: (value: Socket) => void;
         updateLocalSocket: (value: Socket | null) => void;
         updateValidated: (value: boolean) => void;
+        customVideoCard: any;
+        customAudioCard: any;
+        customMiniCard: any;
         showAlert: ({ message, type, duration, }: {
             message: string;
             type: "success" | "danger";
@@ -3205,6 +3260,12 @@ export declare class MediasfuChat implements OnInit, OnDestroy {
             switchVideoAlt: ({ parameters }: import("../../@types/types").SwitchVideoAltOptions) => Promise<void>;
             requestPermissionCamera: () => Promise<string>;
             requestPermissionAudio: () => Promise<string>;
+            getMediaDevicesList: (kind: "videoinput" | "audioinput") => Promise<MediaDeviceInfo[]>;
+            getParticipantMedia: (options: {
+                id?: string;
+                name?: string;
+                kind: "video" | "audio";
+            }) => Promise<MediaStream | null>;
             localUIMode: boolean;
             roomName: string;
             member: string;
@@ -3441,7 +3502,7 @@ export declare class MediasfuChat implements OnInit, OnDestroy {
             recordingVideoOptions: string;
             recordingVideoType: string;
             recordingVideoOptimized: boolean;
-            recordingDisplayType: "video" | "all" | "media";
+            recordingDisplayType: "video" | "media" | "all";
             recordingAddHLS: boolean;
             recordingAddText: boolean;
             recordingCustomText: string;
@@ -3842,11 +3903,14 @@ export declare class MediasfuChat implements OnInit, OnDestroy {
             updateAnnotateScreenStream: (value: boolean) => void;
             updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
             updateIsScreenboardModalVisible: (value: boolean) => void;
-            checkOrientation: () => "landscape" | "portrait";
+            checkOrientation: () => "portrait" | "landscape";
             updateDevice: (value: Device | null) => void;
             updateSocket: (value: Socket) => void;
             updateLocalSocket: (value: Socket | null) => void;
             updateValidated: (value: boolean) => void;
+            customVideoCard: any;
+            customAudioCard: any;
+            customMiniCard: any;
             showAlert: ({ message, type, duration, }: {
                 message: string;
                 type: "success" | "danger";
@@ -3927,6 +3991,12 @@ export declare class MediasfuChat implements OnInit, OnDestroy {
         switchVideoAlt: ({ parameters }: import("../../@types/types").SwitchVideoAltOptions) => Promise<void>;
         requestPermissionCamera: () => Promise<string>;
         requestPermissionAudio: () => Promise<string>;
+        getMediaDevicesList: (kind: "videoinput" | "audioinput") => Promise<MediaDeviceInfo[]>;
+        getParticipantMedia: (options: {
+            id?: string;
+            name?: string;
+            kind: "video" | "audio";
+        }) => Promise<MediaStream | null>;
         localUIMode: boolean;
         roomName: string;
         member: string;
@@ -4163,7 +4233,7 @@ export declare class MediasfuChat implements OnInit, OnDestroy {
         recordingVideoOptions: string;
         recordingVideoType: string;
         recordingVideoOptimized: boolean;
-        recordingDisplayType: "video" | "all" | "media";
+        recordingDisplayType: "video" | "media" | "all";
         recordingAddHLS: boolean;
         recordingAddText: boolean;
         recordingCustomText: string;
@@ -4564,11 +4634,14 @@ export declare class MediasfuChat implements OnInit, OnDestroy {
         updateAnnotateScreenStream: (value: boolean) => void;
         updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
         updateIsScreenboardModalVisible: (value: boolean) => void;
-        checkOrientation: () => "landscape" | "portrait";
+        checkOrientation: () => "portrait" | "landscape";
         updateDevice: (value: Device | null) => void;
         updateSocket: (value: Socket) => void;
         updateLocalSocket: (value: Socket | null) => void;
         updateValidated: (value: boolean) => void;
+        customVideoCard: any;
+        customAudioCard: any;
+        customMiniCard: any;
         showAlert: ({ message, type, duration, }: {
             message: string;
             type: "success" | "danger";
@@ -4646,6 +4719,12 @@ export declare class MediasfuChat implements OnInit, OnDestroy {
             switchVideoAlt: ({ parameters }: import("../../@types/types").SwitchVideoAltOptions) => Promise<void>;
             requestPermissionCamera: () => Promise<string>;
             requestPermissionAudio: () => Promise<string>;
+            getMediaDevicesList: (kind: "videoinput" | "audioinput") => Promise<MediaDeviceInfo[]>;
+            getParticipantMedia: (options: {
+                id?: string;
+                name?: string;
+                kind: "video" | "audio";
+            }) => Promise<MediaStream | null>;
             localUIMode: boolean;
             roomName: string;
             member: string;
@@ -4882,7 +4961,7 @@ export declare class MediasfuChat implements OnInit, OnDestroy {
             recordingVideoOptions: string;
             recordingVideoType: string;
             recordingVideoOptimized: boolean;
-            recordingDisplayType: "video" | "all" | "media";
+            recordingDisplayType: "video" | "media" | "all";
             recordingAddHLS: boolean;
             recordingAddText: boolean;
             recordingCustomText: string;
@@ -5283,11 +5362,14 @@ export declare class MediasfuChat implements OnInit, OnDestroy {
             updateAnnotateScreenStream: (value: boolean) => void;
             updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
             updateIsScreenboardModalVisible: (value: boolean) => void;
-            checkOrientation: () => "landscape" | "portrait";
+            checkOrientation: () => "portrait" | "landscape";
             updateDevice: (value: Device | null) => void;
             updateSocket: (value: Socket) => void;
             updateLocalSocket: (value: Socket | null) => void;
             updateValidated: (value: boolean) => void;
+            customVideoCard: any;
+            customAudioCard: any;
+            customMiniCard: any;
             showAlert: ({ message, type, duration, }: {
                 message: string;
                 type: "success" | "danger";
@@ -5375,5 +5457,5 @@ export declare class MediasfuChat implements OnInit, OnDestroy {
     updateControlChatButtons(): void;
     connect_Socket(apiUserName: string, token: string, skipSockets?: boolean): Promise<Socket | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MediasfuChat, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MediasfuChat, "app-mediasfu-chat", never, { "PrejoinPage": { "alias": "PrejoinPage"; "required": false; }; "localLink": { "alias": "localLink"; "required": false; }; "connectMediaSFU": { "alias": "connectMediaSFU"; "required": false; }; "credentials": { "alias": "credentials"; "required": false; }; "useLocalUIMode": { "alias": "useLocalUIMode"; "required": false; }; "seedData": { "alias": "seedData"; "required": false; }; "useSeed": { "alias": "useSeed"; "required": false; }; "imgSrc": { "alias": "imgSrc"; "required": false; }; "sourceParameters": { "alias": "sourceParameters"; "required": false; }; "updateSourceParameters": { "alias": "updateSourceParameters"; "required": false; }; "returnUI": { "alias": "returnUI"; "required": false; }; "noUIPreJoinOptions": { "alias": "noUIPreJoinOptions"; "required": false; }; "joinMediaSFURoom": { "alias": "joinMediaSFURoom"; "required": false; }; "createMediaSFURoom": { "alias": "createMediaSFURoom"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MediasfuChat, "app-mediasfu-chat", never, { "PrejoinPage": { "alias": "PrejoinPage"; "required": false; }; "localLink": { "alias": "localLink"; "required": false; }; "connectMediaSFU": { "alias": "connectMediaSFU"; "required": false; }; "credentials": { "alias": "credentials"; "required": false; }; "useLocalUIMode": { "alias": "useLocalUIMode"; "required": false; }; "seedData": { "alias": "seedData"; "required": false; }; "useSeed": { "alias": "useSeed"; "required": false; }; "imgSrc": { "alias": "imgSrc"; "required": false; }; "sourceParameters": { "alias": "sourceParameters"; "required": false; }; "updateSourceParameters": { "alias": "updateSourceParameters"; "required": false; }; "returnUI": { "alias": "returnUI"; "required": false; }; "noUIPreJoinOptions": { "alias": "noUIPreJoinOptions"; "required": false; }; "joinMediaSFURoom": { "alias": "joinMediaSFURoom"; "required": false; }; "createMediaSFURoom": { "alias": "createMediaSFURoom"; "required": false; }; "customVideoCard": { "alias": "customVideoCard"; "required": false; }; "customAudioCard": { "alias": "customAudioCard"; "required": false; }; "customMiniCard": { "alias": "customMiniCard"; "required": false; }; "customMainComponent": { "alias": "customMainComponent"; "required": false; }; }, {}, never, never, true, never>;
 }