mediasfu-angular
Version:
mediasfu-angular - Angular 17/18/19 WebRTC SDK for video conferencing, webinars, broadcasts, live streaming, chat, recording, whiteboard, and AI agents. Prebuilt rooms and fully custom UIs.
843 lines • 116 kB
TypeScript
import { Injector, ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
import { MediasfuUICustomOverrides } from '../../@types/ui-overrides.types';
import { UIOverrideResolverService } from '../../services/ui-override-resolver.service';
import { BehaviorSubject } from 'rxjs';
import { Socket } from 'socket.io-client';
import { MainAspectComponent } from '../display-components/main-aspect-component/main-aspect-component.component';
import { ControlButtonsComponent } from '../display-components/control-buttons-component/control-buttons-component.component';
import { OtherGridComponent } from '../display-components/other-grid-component/other-grid-component.component';
import { MainScreenComponent } from '../display-components/main-screen-component/main-screen-component.component';
import { MainGridComponent } from '../display-components/main-grid-component/main-grid-component.component';
import { SubAspectComponent } from '../display-components/sub-aspect-component/sub-aspect-component.component';
import { MainContainerComponent } from '../display-components/main-container-component/main-container-component.component';
import { ModernAlertComponent } from '../../modern/display-components/modern-alert.component';
import { ModernLoadingModalComponent } from '../../modern/display-components/modern-loading-modal.component';
import { ModernCoHostModalComponent } from '../../modern/modal-components/modern-co-host-modal.component';
import { ModernConfirmExitModalComponent } from '../../modern/modal-components/modern-confirm-exit-modal.component';
import { ModernConfirmHereModalComponent } from '../../modern/modal-components/modern-confirm-here-modal.component';
import { ModernEventSettingsModalComponent } from '../../modern/modal-components/modern-event-settings-modal.component';
import { ModernMediaSettingsModalComponent } from '../../modern/modal-components/modern-media-settings-modal.component';
import { ModernMenuModalComponent } from '../../modern/modal-components/modern-menu-modal.component';
import { ModernMessagesModalComponent } from '../../modern/modal-components/modern-messages-modal.component';
import { ModernPollModalComponent } from '../../modern/modal-components/modern-poll-modal.component';
import { ModernParticipantsModalComponent } from '../../modern/modal-components/modern-participants-modal.component';
import { ModernRecordingModalComponent } from '../../modern/modal-components/modern-recording-modal.component';
import { ModernRequestsModalComponent } from '../../modern/modal-components/modern-requests-modal.component';
import { ModernShareEventModalComponent } from '../../modern/modal-components/modern-share-event-modal.component';
import { ModernWaitingRoomModalComponent } from '../../modern/modal-components/modern-waiting-room-modal.component';
import { WelcomePageOptions } from '../misc-components/welcome-page/welcome-page.component';
import { BackgroundModal } from '../background-components/background-modal/background-modal.component';
import { BreakoutRoomsModal } from '../breakout-components/breakout-rooms-modal.component';
import { ConfigureWhiteboardModal } from '../whiteboard-components/configure-whiteboard-modal/configure-whiteboard-modal.component';
import { Whiteboard } from '../whiteboard-components/whiteboard/whiteboard.component';
import { ModernDisplaySettingsModalComponent } from '../../modern/modal-components/modern-display-settings-modal.component';
import { Screenboard } from '../screenboard-components/screenboard/screenboard.component';
import { ScreenboardModal } from '../screenboard-components/screenboard-modal/screenboard-modal.component';
import { FlexibleGrid } from '../display-components/flexible-grid/flexible-grid.component';
import { FlexibleVideo } from '../display-components/flexible-video/flexible-video.component';
import { AudioGrid } from '../display-components/audio-grid/audio-grid.component';
import { MenuWidget } from '../display-components/control-widgets/menu-widget.component';
import { MessageWidget } from '../display-components/control-widgets/message-widget.component';
import { MenuRecordWidget } from '../display-components/control-widgets/menu-record-widget.component';
import { RecordTimerWidget } from '../display-components/control-widgets/record-timer-widget.component';
import { MenuParticipantsWidget } from '../display-components/control-widgets/menu-participants-widget.component';
import { ScreenShareWidget } from '../display-components/control-widgets/screenshare-widget.component';
import { ResponseJoinRoom, CoHostResponsibility, EventType, Participant, ConsumeSocket, MeetingRoomParams, VidCons, HParamsType, VParamsType, ScreenParamsType, AParamsType, UserRecordingParams, Stream, AudioDecibels, ScreenState, GridSizes, CustomMediaComponent, Message, WaitingRoomParticipant, ComponentSizes, Transport as TransportType, Shape, Poll, BreakoutParticipant, WhiteboardUser, Request, MainButtonAlt, MainCustomButton, SeedData, PreJoinPageOptions, CreateMediaSFURoomOptions, JoinMediaSFURoomOptions, JoinRoomOnMediaSFUType, CreateRoomOnMediaSFUType } from '../../@types/types';
import { LaunchMenuModal } from '../../methods/menu-methods/launch-menu-modal.service';
import { LaunchRecording } from '../../methods/recording-methods/launch-recording.service';
import { StartRecording } from '../../methods/recording-methods/start-recording.service';
import { ConfirmRecording } from '../../methods/recording-methods/confirm-recording.service';
import { LaunchWaiting } from '../../methods/waiting-methods/launch-waiting.service';
import { launchCoHost } from '../../methods/co-host-methods/launch-co-host.service';
import { LaunchMediaSettings } from '../../methods/media-settings-methods/launch-media-settings.service';
import { LaunchDisplaySettings } from '../../methods/display-settings-methods/launch-display-settings.service';
import { LaunchSettings } from '../../methods/settings-methods/launch-settings.service';
import { LaunchRequests } from '../../methods/requests-methods/launch-requests.service';
import { LaunchParticipants } from '../../methods/participants-methods/launch-participants.service';
import { LaunchMessages } from '../../methods/message-methods/launch-messages.service';
import { LaunchConfirmExit } from '../../methods/exit-methods/launch-confirm-exit.service';
import { LaunchPoll } from '../../methods/polls-methods/launch-poll.service';
import { LaunchBreakoutRooms } from '../../methods/breakout-room-methods/launch-breakout-rooms.service';
import { LaunchConfigureWhiteboard } from '../../methods/whiteboard-methods/launch-configure-whiteboard.service';
import { SocketManager } from '../../sockets/socket-manager.service';
import { JoinRoomClient } from '../../producer-client/producer-client-emits/join-room-client.service';
import { JoinLocalRoom } from '../../producers/producer-emits/join-local-room.service';
import { UpdateRoomParametersClient } from '../../producer-client/producer-client-emits/update-room-parameters-client.service';
import { CreateDeviceClient } from '../../producer-client/producer-client-emits/create-device-client.service';
import { ClickVideo } from '../../methods/stream-methods/click-video.service';
import { ClickAudio } from '../../methods/stream-methods/click-audio.service';
import { ClickScreenShare } from '../../methods/stream-methods/click-screen-share.service';
import { StreamSuccessVideo } from '../../consumers/stream-success-video.service';
import { StreamSuccessAudio } from '../../consumers/stream-success-audio.service';
import { StreamSuccessScreen } from '../../consumers/stream-success-screen.service';
import { StreamSuccessAudioSwitch } from '../../consumers/stream-success-audio-switch.service';
import { CheckPermission } from '../../consumers/check-permission.service';
import { UpdateMiniCardsGrid } from '../../consumers/update-mini-cards-grid.service';
import { MixStreams } from '../../consumers/mix-streams.service';
import { DispStreams } from '../../consumers/disp-streams.service';
import { StopShareScreen } from '../../consumers/stop-share-screen.service';
import { CheckScreenShare } from '../../consumers/check-screen-share.service';
import { StartShareScreen } from '../../consumers/start-share-screen.service';
import { RequestScreenShare } from '../../consumers/request-screen-share.service';
import { ReorderStreams } from '../../consumers/reorder-streams.service';
import { PrepopulateUserMedia } from '../../consumers/prepopulate-user-media.service';
import { GetVideos } from '../../consumers/get-videos.service';
import { RePort } from '../../consumers/re-port.service';
import { Trigger } from '../../consumers/trigger.service';
import { ConsumerResume } from '../../consumers/consumer-resume.service';
import { ConnectSendTransportAudio } from '../../consumers/connect-send-transport-audio.service';
import { ConnectSendTransportVideo } from '../../consumers/connect-send-transport-video.service';
import { ConnectSendTransportScreen } from '../../consumers/connect-send-transport-screen.service';
import { ProcessConsumerTransports } from '../../consumers/process-consumer-transports.service';
import { ResumePauseStreams } from '../../consumers/resume-pause-streams.service';
import { Readjust } from '../../consumers/readjust.service';
import { CheckGrid } from '../../consumers/check-grid.service';
import { GetEstimate } from '../../consumers/get-estimate.service';
import { CalculateRowsAndColumns } from '../../consumers/calculate-rows-and-columns.service';
import { AddVideosGrid } from '../../consumers/add-videos-grid.service';
import { OnScreenChanges } from '../../consumers/on-screen-changes.service';
import { ChangeVids } from '../../consumers/change-vids.service';
import { CompareActiveNames } from '../../consumers/compare-active-names.service';
import { CompareScreenStates } from '../../consumers/compare-screen-states.service';
import { CreateSendTransport } from '../../consumers/create-send-transport.service';
import { ResumeSendTransportAudio } from '../../consumers/resume-send-transport-audio.service';
import { ReceiveAllPipedTransports } from '../../consumers/receive-all-piped-transports.service';
import { DisconnectSendTransportVideo } from '../../consumers/disconnect-send-transport-video.service';
import { DisconnectSendTransportAudio } from '../../consumers/disconnect-send-transport-audio.service';
import { DisconnectSendTransportScreen } from '../../consumers/disconnect-send-transport-screen.service';
import { ConnectSendTransport } from '../../consumers/connect-send-transport.service';
import { GetPipedProducersAlt } from '../../consumers/get-piped-producers-alt.service';
import { SignalNewConsumerTransport } from '../../consumers/signal-new-consumer-transport.service';
import { ConnectRecvTransport } from '../../consumers/connect-recv-transport.service';
import { ReUpdateInter } from '../../consumers/re-update-inter.service';
import { UpdateParticipantAudioDecibels } from '../../consumers/update-participant-audio-decibels.service';
import { CloseAndResize } from '../../consumers/close-and-resize.service';
import { AutoAdjust } from '../../consumers/auto-adjust.service';
import { SwitchUserVideoAlt } from '../../consumers/switch-user-video-alt.service';
import { SwitchUserVideo } from '../../consumers/switch-user-video.service';
import { SwitchUserAudio } from '../../consumers/switch-user-audio.service';
import { ReceiveRoomMessages } from '../../consumers/receive-room-messages.service';
import { FormatNumber } from '../../methods/utils/format-number.service';
import { ConnectIps } from '../../consumers/connect-ips.service';
import { ConnectLocalIps } from '../../consumers/connect-local-ips.service';
import { PollUpdated } from '../../methods/polls-methods/poll-updated.service';
import { HandleCreatePoll } from '../../methods/polls-methods/handle-create-poll.service';
import { HandleVotePoll } from '../../methods/polls-methods/handle-vote-poll.service';
import { HandleEndPoll } from '../../methods/polls-methods/handle-end-poll.service';
import { BreakoutRoomUpdated } from '../../methods/breakout-room-methods/breakout-room-updated.service';
import { StartMeetingProgressTimer } from '../../methods/utils/meeting-timer/start-meeting-progress-timer.service';
import { UpdateRecording } from '../../methods/recording-methods/update-recording.service';
import { StopRecording } from '../../methods/recording-methods/stop-recording.service';
import { UserWaiting } from '../../producers/socket-receive-methods/user-waiting.service';
import { PersonJoined } from '../../producers/socket-receive-methods/person-joined.service';
import { AllWaitingRoomMembers } from '../../producers/socket-receive-methods/all-waiting-room-members.service';
import { RoomRecordParams } from '../../producers/socket-receive-methods/room-record-params.service';
import { BanParticipant } from '../../producers/socket-receive-methods/ban-participant.service';
import { UpdatedCoHost } from '../../producers/socket-receive-methods/updated-co-host.service';
import { ParticipantRequested } from '../../producers/socket-receive-methods/participant-requested.service';
import { ScreenProducerId } from '../../producers/socket-receive-methods/screen-producer-id.service';
import { UpdateMediaSettings } from '../../producers/socket-receive-methods/update-media-settings.service';
import { ProducerMediaPaused } from '../../producers/socket-receive-methods/producer-media-paused.service';
import { ProducerMediaResumed } from '../../producers/socket-receive-methods/producer-media-resumed.service';
import { ProducerMediaClosed } from '../../producers/socket-receive-methods/producer-media-closed.service';
import { ControlMediaHost } from '../../producers/socket-receive-methods/control-media-host.service';
import { MeetingEnded } from '../../producers/socket-receive-methods/meeting-ended.service';
import { DisconnectUserSelf } from '../../producers/socket-receive-methods/disconnect-user-self.service';
import { ReceiveMessage } from '../../producers/socket-receive-methods/receive-message.service';
import { MeetingTimeRemaining } from '../../producers/socket-receive-methods/meeting-time-remaining.service';
import { MeetingStillThere } from '../../producers/socket-receive-methods/meeting-still-there.service';
import { StartRecords } from '../../producers/socket-receive-methods/start-records.service';
import { ReInitiateRecording } from '../../producers/socket-receive-methods/re-initiate-recording.service';
import { GetDomains } from '../../producers/socket-receive-methods/get-domains.service';
import { UpdateConsumingDomains } from '../../producers/socket-receive-methods/update-consuming-domains.service';
import { RecordingNotice } from '../../producers/socket-receive-methods/recording-notice.service';
import { TimeLeftRecording } from '../../producers/socket-receive-methods/time-left-recording.service';
import { StoppedRecording } from '../../producers/socket-receive-methods/stopped-recording.service';
import { HostRequestResponse } from '../../producers/socket-receive-methods/host-request-response.service';
import { AllMembers } from '../../producers/socket-receive-methods/all-members.service';
import { AllMembersRest } from '../../producers/socket-receive-methods/all-members-rest.service';
import { Disconnect } from '../../producers/socket-receive-methods/disconnect.service';
import { CaptureCanvasStream } from '../../methods/whiteboard-methods/capture-canvas-stream.service';
import { ResumePauseAudioStreams } from '../../consumers/resume-pause-audio-streams.service';
import { ProcessConsumerTransportsAudio } from '../../consumers/process-consumer-transports-audio.service';
import { types } from 'mediasoup-client';
import type { SelfieSegmentation } from '@mediapipe/selfie_segmentation';
import * as i0 from "@angular/core";
type Device = types.Device;
type Producer = types.Producer;
type ProducerOptions = types.ProducerOptions;
type RtpCapabilities = types.RtpCapabilities;
type Transport = types.Transport;
export type MediasfuConferenceOptions = {
PrejoinPage?: (options: PreJoinPageOptions | WelcomePageOptions) => HTMLElement;
localLink?: string;
connectMediaSFU?: boolean;
credentials?: {
apiUserName: string;
apiKey: string;
};
useLocalUIMode?: boolean;
seedData?: SeedData;
useSeed?: boolean;
imgSrc?: string;
sourceParameters?: {
[key: string]: any;
};
updateSourceParameters?: (data: {
[key: string]: any;
}) => void;
returnUI?: boolean;
noUIPreJoinOptions?: CreateMediaSFURoomOptions | JoinMediaSFURoomOptions;
joinMediaSFURoom?: JoinRoomOnMediaSFUType;
createMediaSFURoom?: CreateRoomOnMediaSFUType;
};
/**
* MediasfuConference component creates an interactive conference interface, supporting breakout rooms, chat, video and audio management, and custom controls.
*
* @component
* @selector app-mediasfu-conference
* @standalone true
* @imports [RouterOutlet, CommonModule, BreakoutRoomsModal, BackgroundModal, CoHostModal, AlertComponent, AudioGrid, ControlButtonsAltComponent, ControlButtonsComponent, FlexibleGrid, FlexibleVideo, LoadingModal, Pagination, SubAspectComponent, DisplaySettingsModal, EventSettingsModal, ConfirmExitModal, MediaSettingsModal, MenuModal, MessagesModal, ConfirmHereModal, ShareEventModal, WelcomePage, ParticipantsModal, PollModal, RecordingModal, RequestsModal, MainAspectComponent, MainContainerComponent, MainGridComponent, MainScreenComponent, OtherGridComponent, Screenboard, ScreenboardModal, Whiteboard, ConfigureWhiteboardModal, WaitingRoomModal, MenuWidget, MessageWidget, MenuRecordWidget, RecordTimerWidget, MenuParticipantsWidget, ScreenShareWidget]
*
* @template
* The template includes:
* - Conditional rendering for PrejoinPage or WelcomePage component.
* - A main content area with modular components for grid layouts, video streaming, and sub-aspect controls.
* - Modals for participants, settings, recording, breakout rooms, and more, to enhance interactivity and customization in conference settings.
*
* @input {any} PrejoinPage - Component for the prejoin page, defaults to `WelcomePage`.
* @input {MediasfuConferenceOptions} options - Configuration options for the component.
* @input {boolean} connectMediaSFU - Flag to enable/disable connection to the MediaSFU server.
* @input {string} localLink - Local link for the Community Edition server.
* @input {{ apiUserName: string; apiKey: string }} credentials - API credentials for secure access.
* @input {boolean} useLocalUIMode - Flag to toggle local UI settings.
* @input {SeedData} seedData - Seed data for initializing the component with specific configurations.
* @input {boolean} useSeed - Enable/disable use of seed data.
* @input {string} imgSrc - URL for branding images or logos.
* @input {object} sourceParameters - Additional parameters for the source.
* @input {Function} updateSourceParameters - Function to update the source parameters.
* @input {boolean} returnUI - Flag to return the UI elements.
* @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-Conference".
*
* @styles
* Customizable styles for component layout, overflow, and specific modal appearances.
*
* @providers [CookieService] - Service for managing cookies within the component.
*
* @constructor
* @class MediasfuConference
* @implements OnInit, OnDestroy
*
* @method ngOnInit - Initializes configurations and input parameters.
* @method ngOnDestroy - Handles cleanup of event listeners or intervals.
*
* @example
* ```html
* <app-mediasfu-conference
* [PrejoinPage]="CustomPrejoinComponent"
* [localLink]="'https://localhost:3000'"
* [connectMediaSFU]="true"
* [credentials]="{ apiUserName: 'username', apiKey: 'apikey' }"
* [useLocalUIMode]="true"
* [seedData]="seedDataObject"
* [useSeed]="true"
* [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"
* [customVideoCard]="CustomVideoCardComponent"
* [customAudioCard]="CustomAudioCardComponent"
* [customMiniCard]="CustomMiniCardComponent"
* [customMainComponent]="CustomMainComponent">
* </app-mediasfu-conference>
* ```
*/
export declare class MediasfuConference implements OnInit, OnDestroy {
private cdr;
private 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;
handleCreatePoll: HandleCreatePoll;
handleEndPoll: HandleEndPoll;
handleVotePoll: HandleVotePoll;
captureCanvasStream: CaptureCanvasStream;
resumePauseAudioStreams: ResumePauseAudioStreams;
processConsumerTransportsAudio: ProcessConsumerTransportsAudio;
launchMenuModal: LaunchMenuModal;
launchRecording: LaunchRecording;
startRecording: StartRecording;
confirmRecording: ConfirmRecording;
launchWaiting: LaunchWaiting;
launchCoHost: launchCoHost;
launchMediaSettings: LaunchMediaSettings;
launchDisplaySettings: LaunchDisplaySettings;
launchSettings: LaunchSettings;
launchRequests: LaunchRequests;
launchParticipants: LaunchParticipants;
launchMessages: LaunchMessages;
launchConfirmExit: LaunchConfirmExit;
launchPoll: LaunchPoll;
launchBreakoutRooms: LaunchBreakoutRooms;
launchConfigureWhiteboard: LaunchConfigureWhiteboard;
startMeetingProgressTimer: StartMeetingProgressTimer;
updateRecording: UpdateRecording;
stopRecording: StopRecording;
userWaiting: UserWaiting;
personJoined: PersonJoined;
allWaitingRoomMembers: AllWaitingRoomMembers;
roomRecordParams: RoomRecordParams;
banParticipant: BanParticipant;
updatedCoHost: UpdatedCoHost;
participantRequested: ParticipantRequested;
screenProducerId: ScreenProducerId;
updateMediaSettings: UpdateMediaSettings;
producerMediaPaused: ProducerMediaPaused;
producerMediaResumed: ProducerMediaResumed;
producerMediaClosed: ProducerMediaClosed;
controlMediaHost: ControlMediaHost;
meetingEnded: MeetingEnded;
disconnectUserSelf: DisconnectUserSelf;
receiveMessage: ReceiveMessage;
meetingTimeRemaining: MeetingTimeRemaining;
meetingStillThere: MeetingStillThere;
startRecords: StartRecords;
reInitiateRecording: ReInitiateRecording;
recordingNotice: RecordingNotice;
timeLeftRecording: TimeLeftRecording;
stoppedRecording: StoppedRecording;
hostRequestResponse: HostRequestResponse;
allMembers: AllMembers;
allMembersRest: AllMembersRest;
disconnect: Disconnect;
pollUpdated: PollUpdated;
breakoutRoomUpdated: BreakoutRoomUpdated;
socketManager: SocketManager;
joinRoomClient: JoinRoomClient;
joinLocalRoom: JoinLocalRoom;
updateRoomParametersClient: UpdateRoomParametersClient;
clickVideo: ClickVideo;
clickAudio: ClickAudio;
clickScreenShare: ClickScreenShare;
streamSuccessVideo: StreamSuccessVideo;
streamSuccessAudio: StreamSuccessAudio;
streamSuccessScreen: StreamSuccessScreen;
streamSuccessAudioSwitch: StreamSuccessAudioSwitch;
checkPermission: CheckPermission;
updateConsumingDomains: UpdateConsumingDomains;
receiveRoomMessages: ReceiveRoomMessages;
private uiOverrideResolver;
PrejoinPage: any;
localLink: string;
connectMediaSFU: boolean;
credentials: {
apiUserName: string;
apiKey: string;
};
useLocalUIMode: boolean;
seedData?: SeedData;
useSeed: boolean;
imgSrc: string;
sourceParameters: {
[key: string]: any;
};
updateSourceParameters?: (data: {
[key: string]: any;
}) => void;
returnUI?: boolean;
noUIPreJoinOptions?: CreateMediaSFURoomOptions | JoinMediaSFURoomOptions;
joinMediaSFURoom?: JoinRoomOnMediaSFUType;
createMediaSFURoom?: CreateRoomOnMediaSFUType;
customVideoCard: any;
customAudioCard: any;
customMiniCard: any;
customMainComponent: any;
containerStyle?: Record<string, any>;
uiOverrides?: MediasfuUICustomOverrides;
title: string;
protected readonly MainContainerComponentRef: typeof MainContainerComponent;
protected readonly MainAspectComponentRef: typeof MainAspectComponent;
protected readonly MainScreenComponentRef: typeof MainScreenComponent;
protected readonly MainGridComponentRef: typeof MainGridComponent;
protected readonly FlexibleVideoRef: typeof FlexibleVideo;
protected readonly WhiteboardRef: typeof Whiteboard;
protected readonly OtherGridComponentRef: typeof OtherGridComponent;
protected readonly SubAspectComponentRef: typeof SubAspectComponent;
protected readonly FlexibleGridRef: typeof FlexibleGrid;
protected readonly ControlButtonsComponentRef: typeof ControlButtonsComponent;
protected readonly AudioGridRef: typeof AudioGrid;
protected readonly AlertComponentRef: typeof ModernAlertComponent;
protected readonly LoadingModalRef: typeof ModernLoadingModalComponent;
protected readonly MenuModalRef: typeof ModernMenuModalComponent;
protected readonly RecordingModalRef: typeof ModernRecordingModalComponent;
protected readonly RequestsModalRef: typeof ModernRequestsModalComponent;
protected readonly WaitingRoomModalRef: typeof ModernWaitingRoomModalComponent;
protected readonly CoHostModalRef: typeof ModernCoHostModalComponent;
protected readonly ParticipantsModalRef: typeof ModernParticipantsModalComponent;
protected readonly DisplaySettingsModalRef: typeof ModernDisplaySettingsModalComponent;
protected readonly EventSettingsModalRef: typeof ModernEventSettingsModalComponent;
protected readonly MediaSettingsModalRef: typeof ModernMediaSettingsModalComponent;
protected readonly MessagesModalRef: typeof ModernMessagesModalComponent;
protected readonly ConfirmExitModalRef: typeof ModernConfirmExitModalComponent;
protected readonly ConfirmHereModalRef: typeof ModernConfirmHereModalComponent;
protected readonly ShareEventModalRef: typeof ModernShareEventModalComponent;
protected readonly PollModalRef: typeof ModernPollModalComponent;
protected readonly BreakoutRoomsModalRef: typeof BreakoutRoomsModal;
protected readonly BackgroundModalRef: typeof BackgroundModal;
protected readonly ConfigureWhiteboardModalRef: typeof ConfigureWhiteboardModal;
protected readonly ScreenboardModalRef: typeof ScreenboardModal;
protected mainContainerOverrideProps: () => {
backgroundColor: string;
children: any[];
};
protected mainAspectOverrideProps: () => {
backgroundColor: string;
defaultFraction: number;
showControls: boolean;
updateIsWideScreen: (value: boolean) => void;
updateIsMediumScreen: (value: boolean) => void;
updateIsSmallScreen: (value: boolean) => void;
};
protected mainScreenOverrideProps: () => {
doStack: boolean;
mainSize: number;
defaultFraction: number;
showControls: boolean;
updateComponentSizes: (sizes: ComponentSizes) => void;
};
protected mainGridOverrideProps: () => {
height: number;
width: number;
backgroundColor: string;
mainSize: number;
showAspect: boolean;
timeBackgroundColor: string;
meetingProgressTime: string;
};
protected flexibleVideoOverrideProps: () => {
customWidth: number;
customHeight: number;
rows: number;
columns: number;
componentsToRender: CustomMediaComponent[];
showAspect: boolean;
localStreamScreen: MediaStream;
annotateScreenStream: boolean;
Screenboard: {
component: typeof Screenboard;
inputs: {
customWidth: number;
customHeight: number;
parameters: any;
showAspect: boolean;
};
};
};
protected whiteboardOverrideProps: () => {
customWidth: number;
customHeight: number;
parameters: any;
showAspect: boolean;
};
protected otherGridOverrideProps: () => {
height: number;
width: number;
backgroundColor: string;
showAspect: boolean;
timeBackgroundColor: string;
showTimer: boolean;
meetingProgressTime: string;
};
protected subAspectOverrideProps: () => {
backgroundColor: string;
showControls: boolean;
defaultFractionSub: number;
};
protected flexibleGridOverrideProps: () => {
customWidth: number;
customHeight: number;
rows: number;
columns: number;
componentsToRender: CustomMediaComponent[];
backgroundColor: string;
};
protected controlButtonsOverrideProps: () => {
buttons: any[];
position: string;
location: string;
direction: string;
showAspect: boolean;
isDarkMode: boolean;
buttonColor: string;
buttonBackgroundColor: {
default: string;
pressed: string;
};
alignment: string;
vertical: boolean;
buttonsContainerStyle: {
width: string;
marginTop: string;
marginBottom: string;
backgroundColor: string;
};
parameters: any;
};
protected audioGridOverrideProps: () => {
componentsToRender: CustomMediaComponent[];
};
protected alertOverrideProps: () => {
visible: boolean;
message: string;
type: "danger" | "success" | "info" | "warning";
position: "center" | "bottom" | "top" | "top-right" | "top-left" | "bottom-right" | "bottom-left";
duration: number;
onHide: () => void;
isDarkMode: boolean;
};
protected loadingModalOverrideProps: () => {
isVisible: boolean;
isDarkMode: boolean;
};
protected menuModalOverrideProps: () => {
backgroundColor: string;
isVisible: boolean;
isDarkMode: boolean;
onToggleTheme: (value: boolean) => void;
onClose: () => void;
customButtons: MainCustomButton[];
roomName: string;
adminPasscode: string;
islevel: string;
eventType: EventType;
localLink: string;
parameters: any;
};
protected recordingModalOverrideProps: () => {
backgroundColor: string;
isRecordingModalVisible: boolean;
onClose: () => void;
startRecording: ({ parameters }: import("../../@types/types").StartRecordingOptions) => Promise<boolean | undefined>;
confirmRecording: ({ parameters }: import("../../@types/types").ConfirmRecordingOptions) => Promise<void>;
parameters: any;
};
protected requestsModalOverrideProps: () => {
backgroundColor: string;
isRequestsModalVisible: boolean;
onRequestClose: () => void;
requestCounter: number;
onRequestFilterChange: (value: string) => void;
updateRequestList: (value: Request[]) => void;
requestList: Request[];
roomName: string;
socket: Socket<import("@socket.io/component-emitter").DefaultEventsMap, import("@socket.io/component-emitter").DefaultEventsMap>;
parameters: any;
};
protected waitingRoomModalOverrideProps: () => {
backgroundColor: string;
isWaitingModalVisible: boolean;
onWaitingRoomClose: () => void;
waitingRoomCounter: number;
onWaitingRoomFilterChange: (value: string) => void;
waitingRoomList: WaitingRoomParticipant[];
updateWaitingList: (value: WaitingRoomParticipant[]) => void;
roomName: string;
socket: Socket<import("@socket.io/component-emitter").DefaultEventsMap, import("@socket.io/component-emitter").DefaultEventsMap>;
parameters: {
filteredWaitingRoomList: WaitingRoomParticipant[];
getUpdatedAllParams: any;
};
};
protected coHostModalOverrideProps: () => {
backgroundColor: string;
isCoHostModalVisible: boolean;
onCoHostClose: () => void;
coHostResponsibility: CoHostResponsibility[];
participants: Participant[];
currentCohost: string;
roomName: string;
showAlert: ({ message, type, duration, position, }: {
message: string;
type: "success" | "danger" | "info" | "warning";
duration?: number;
position?: "top" | "bottom" | "top-right" | "top-left" | "bottom-right" | "bottom-left" | "center";
}) => void;
updateCoHostResponsibility: (value: CoHostResponsibility[]) => void;
updateCoHost: (value: string) => void;
socket: Socket<import("@socket.io/component-emitter").DefaultEventsMap, import("@socket.io/component-emitter").DefaultEventsMap>;
};
protected participantsModalOverrideProps: () => {
backgroundColor: string;
isParticipantsModalVisible: boolean;
onParticipantsClose: () => void;
participantsCounter: number;
onParticipantsFilterChange: (value: string) => void;
parameters: {
updateParticipants: (value: Participant[]) => void;
updateIsParticipantsModalVisible: (value: boolean) => void;
getUpdatedAllParams: any;
};
};
protected displaySettingsModalOverrideProps: () => {
backgroundColor: string;
isDisplaySettingsModalVisible: boolean;
onDisplaySettingsClose: () => void;
parameters: any;
};
protected eventSettingsModalOverrideProps: () => {
isEventSettingsModalVisible: boolean;
isDarkMode: boolean;
onEventSettingsClose: () => void;
audioSetting: string;
videoSetting: string;
screenshareSetting: string;
chatSetting: string;
updateAudioSetting: (value: string) => void;
updateVideoSetting: (value: string) => void;
updateScreenshareSetting: (value: string) => void;
updateChatSetting: (value: string) => void;
updateIsSettingsModalVisible: (value: boolean) => void;
roomName: string;
socket: Socket<import("@socket.io/component-emitter").DefaultEventsMap, import("@socket.io/component-emitter").DefaultEventsMap>;
showAlert: ({ message, type, duration, position, }: {
message: string;
type: "success" | "danger" | "info" | "warning";
duration?: number;
position?: "top" | "bottom" | "top-right" | "top-left" | "bottom-right" | "bottom-left" | "center";
}) => void;
};
protected mediaSettingsModalOverrideProps: () => {
backgroundColor: string;
isMediaSettingsModalVisible: boolean;
onMediaSettingsClose: () => void;
parameters: any;
};
protected messagesModalOverrideProps: () => {
backgroundColor: string;
isMessagesModalVisible: boolean;
onMessagesClose: () => void;
messages: Message[];
eventType: EventType;
member: string;
islevel: string;
coHostResponsibility: CoHostResponsibility[];
coHost: string;
startDirectMessage: boolean;
directMessageDetails: Participant;
updateStartDirectMessage: (value: boolean) => void;
updateDirectMessageDetails: (value: Participant | null) => void;
showAlert: ({ message, type, duration, position, }: {
message: string;
type: "success" | "danger" | "info" | "warning";
duration?: number;
position?: "top" | "bottom" | "top-right" | "top-left" | "bottom-right" | "bottom-left" | "center";
}) => void;
roomName: string;
socket: Socket<import("@socket.io/component-emitter").DefaultEventsMap, import("@socket.io/component-emitter").DefaultEventsMap>;
chatSetting: string;
};
protected confirmExitModalOverrideProps: () => {
backgroundColor: string;
isConfirmExitModalVisible: boolean;
onConfirmExitClose: () => void;
position: string;
member: string;
roomName: string;
socket: Socket<import("@socket.io/component-emitter").DefaultEventsMap, import("@socket.io/component-emitter").DefaultEventsMap>;
islevel: string;
};
protected confirmHereModalOverrideProps: () => {
backgroundColor: string;
isConfirmHereModalVisible: boolean;
onConfirmHereClose: () => void;
onSuppressConfirmHere: () => void;
member: string;
roomName: string;
socket: Socket<import("@socket.io/component-emitter").DefaultEventsMap, import("@socket.io/component-emitter").DefaultEventsMap>;
};
protected shareEventModalOverrideProps: () => {
isShareEventModalVisible: boolean;
isDarkMode: boolean;
onShareEventClose: () => void;
roomName: string;
islevel: string;
adminPasscode: string;
eventType: EventType;
localLink: string;
};
protected pollModalOverrideProps: () => {
backgroundColor: string;
isPollModalVisible: boolean;
onClose: () => void;
member: string;
islevel: string;
polls: Poll[];
poll: Poll;
socket: Socket<import("@socket.io/component-emitter").DefaultEventsMap, import("@socket.io/component-emitter").DefaultEventsMap>;
roomName: string;
showAlert: ({ message, type, duration, position, }: {
message: string;
type: "success" | "danger" | "info" | "warning";
duration?: number;
position?: "top" | "bottom" | "top-right" | "top-left" | "bottom-right" | "bottom-left" | "center";
}) => void;
updateIsPollModalVisible: (value: boolean) => void;
handleCreatePoll: (options: import("../../@types/types").HandleCreatePollOptions) => Promise<void>;
handleEndPoll: (options: import("../../@types/types").HandleEndPollOptions) => Promise<void>;
handleVotePoll: (options: import("../../@types/types").HandleVotePollOptions) => Promise<void>;
};
protected breakoutRoomsModalOverrideProps: () => {
backgroundColor: string;
isVisible: boolean;
onBreakoutRoomsClose: () => void;
parameters: any;
};
protected backgroundModalOverrideProps: () => {
backgroundColor: string;
isVisible: boolean;
onClose: () => void;
parameters: any;
};
protected configureWhiteboardModalOverrideProps: () => {
backgroundColor: string;
isVisible: boolean;
onConfigureWhiteboardClose: () => void;
parameters: any;
};
protected screenboardModalOverrideProps: () => {
backgroundColor: string;
isVisible: boolean;
onClose: () => void;
parameters: any;
};
private mainHeightWidthSubscription;
private validatedSubscription;
private islevelSubscription;
private coHostSubscription;
private buttonSubscriptions;
private ScreenboardSubscription;
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, handleCreatePoll: HandleCreatePoll, handleEndPoll: HandleEndPoll, handleVotePoll: HandleVotePoll, captureCanvasStream: CaptureCanvasStream, resumePauseAudioStreams: ResumePauseAudioStreams, processConsumerTransportsAudio: ProcessConsumerTransportsAudio, launchMenuModal: LaunchMenuModal, launchRecording: LaunchRecording, startRecording: StartRecording, confirmRecording: ConfirmRecording, launchWaiting: LaunchWaiting, launchCoHost: launchCoHost, launchMediaSettings: LaunchMediaSettings, launchDisplaySettings: LaunchDisplaySettings, launchSettings: LaunchSettings, launchRequests: LaunchRequests, launchParticipants: LaunchParticipants, launchMessages: LaunchMessages, launchConfirmExit: LaunchConfirmExit, launchPoll: LaunchPoll, launchBreakoutRooms: LaunchBreakoutRooms, launchConfigureWhiteboard: LaunchConfigureWhiteboard, startMeetingProgressTimer: StartMeetingProgressTimer, updateRecording: UpdateRecording, stopRecording: StopRecording, userWaiting: UserWaiting, personJoined: PersonJoined, allWaitingRoomMembers: AllWaitingRoomMembers, roomRecordParams: RoomRecordParams, banParticipant: BanParticipant, updatedCoHost: UpdatedCoHost, participantRequested: ParticipantRequested, screenProducerId: ScreenProducerId, updateMediaSettings: UpdateMediaSettings, producerMediaPaused: ProducerMediaPaused, producerMediaResumed: ProducerMediaResumed, producerMediaClosed: ProducerMediaClosed, controlMediaHost: ControlMediaHost, meetingEnded: MeetingEnded, disconnectUserSelf: DisconnectUserSelf, receiveMessage: ReceiveMessage, meetingTimeRemaining: MeetingTimeRemaining, meetingStillThere: MeetingStillThere, startRecords: StartRecords, reInitiateRecording: ReInitiateRecording, recordingNotice: RecordingNotice, timeLeftRecording: TimeLeftRecording, stoppedRecording: StoppedRecording, hostRequestResponse: HostRequestResponse, allMembers: AllMembers, allMembersRest: AllMembersRest, disconnect: Disconnect, pollUpdated: PollUpdated, breakoutRoomUpdated: BreakoutRoomUpdated, socketManager: SocketManager, joinRoomClient: JoinRoomClient, joinLocalRoom: JoinLocalRoom, updateRoomParametersClient: UpdateRoomParametersClient, clickVideo: ClickVideo, clickAudio: ClickAudio, clickScreenShare: ClickScreenShare, streamSuccessVideo: StreamSuccessVideo, streamSuccessAudio: StreamSuccessAudio, streamSuccessScreen: StreamSuccessScreen, streamSuccessAudioSwitch: StreamSuccessAudioSwitch, checkPermission: CheckPermission, updateConsumingDomains: UpdateConsumingDomains, receiveRoomMessages: ReceiveRoomMessages, uiOverrideResolver: UIOverrideResolverService);
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: () => any;
validated: BehaviorSubject<boolean>;
localUIMode: BehaviorSubject<boolean>;
socket: BehaviorSubject<Socket<import("@socket.io/component-emitter").DefaultEventsMap, import("@socket.io/component-emitter").DefaultEventsMap>>;
localSocket?: BehaviorSubject<Socket<import("@socket.io/component-emitter").DefaultEventsMap, import("@socket.io/component-emitter").DefaultEventsMap>>;
roomData: BehaviorSubject<ResponseJoinRoom>;
device: BehaviorSubject<types.Device>;
apiKey: BehaviorSubject<string>;
apiUserName: BehaviorSubject<string>;
apiToken: BehaviorSubject<string>;
link: BehaviorSubject<string>;
roomName: BehaviorSubject<string>;
member: BehaviorSubject<string>;
adminPasscode: BehaviorSubject<string>;
islevel: BehaviorSubject<string>;
coHost: BehaviorSubject<string>;
coHostResponsibility: BehaviorSubject<CoHostResponsibility[]>;
youAreCoHost: BehaviorSubject<boolean>;
youAreHost: BehaviorSubject<boolean>;
confirmedToRecord: BehaviorSubject<boolean>;
meetingDisplayType: BehaviorSubject<string>;
meetingVideoOptimized: BehaviorSubject<boolean>;
eventType: BehaviorSubject<EventType>;
participants: BehaviorSubject<Participant[]>;
filteredParticipants: BehaviorSubject<Participant[]>;
participantsCounter: BehaviorSubject<number>;
participantsFilter: BehaviorSubject<string>;
consume_sockets: BehaviorSubject<ConsumeSocket[]>;
rtpCapabilities: BehaviorSubject<types.RtpCapabilities>;
roomRecvIPs: BehaviorSubject<string[]>;
meetingRoomParams: BehaviorSubject<MeetingRoomParams>;
itemPageLimit: BehaviorSubject<number>;
audioOnlyRoom: BehaviorSubject<boolean>;
addForBasic: BehaviorSubject<boolean>;
screenPageLimit: BehaviorSubject<number>;
shareScreenStarted: BehaviorSubject<boolean>;
shared: BehaviorSubject<boolean>;
targetOrientation: BehaviorSubject<string>;
targetResolution: BehaviorSubject<string>;
targetResolutionHost: BehaviorSubject<string>;
vidCons: BehaviorSubject<VidCons>;
frameRate: BehaviorSubject<number>;
hParams: BehaviorSubject<import("mediasfu-shared").HParamsType>;
vParams: BehaviorSubject<import("mediasfu-shared").VParamsType>;
screenParams: BehaviorSubject<import("mediasfu-shared").ScreenParamsType>;
aParams: BehaviorSubject<import("mediasfu-shared").AParamsType>;
recordingAudioPausesLimit: BehaviorSubject<number>;
recordingAudioPausesCount: BehaviorSubject<number>;
recordingAudioSupport: BehaviorSubject<bo