UNPKG

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.

855 lines 104 kB
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 { ModernMenuModalComponent } from '../../modern/modal-components/modern-menu-modal.component'; import { WelcomePageOptions } from '../misc-components/welcome-page/welcome-page.component'; import { Whiteboard } from '../whiteboard-components/whiteboard/whiteboard.component'; import { Screenboard } from '../screenboard-components/screenboard/screenboard.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 { ModernPaginationComponent } from '../../modern/display-components/modern-pagination.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 MediasfuWebinarOptions = { 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; }; /** * Component for managing webinars in the MediaSFU environment. * * @selector app-mediasfu-webinar * @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 * This component's template includes: * - A conditional PrejoinPage displayed before main content for user preparation. * - The main screen layout with flexible configurations for video, control buttons, and layout grids. * - Modals for participant, settings, polling, and media interactions. * * @input {any} PrejoinPage - Component for the prejoin page, defaults to `WelcomePage`. * @input {MediasfuWebinarOptions} 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-Webinar". * * @styles * Component-specific styles with full-screen properties and customizable modal colors. * * @providers [CookieService] - Utilized for session or user state management within the component. * * @class MediasfuWebinar * @implements OnInit, OnDestroy * * @method ngOnInit - Initializes session settings, user interfaces, and modals as necessary. * @method ngOnDestroy - Cleans up event listeners and intervals to prevent memory leaks. * * @example * ```html * <app-mediasfu-webinar * [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-webinar> * ``` */ export declare class MediasfuWebinar 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 OtherGridComponentRef: typeof OtherGridComponent; protected readonly FlexibleVideoComponentRef: typeof FlexibleVideo; protected readonly WhiteboardComponentRef: typeof Whiteboard; protected readonly PaginationComponentRef: typeof ModernPaginationComponent; protected readonly AudioGridComponentRef: typeof AudioGrid; protected readonly FlexibleGridComponentRef: typeof FlexibleGrid; protected readonly SubAspectComponentRef: typeof SubAspectComponent; protected readonly ControlButtonsComponentRef: typeof ControlButtonsComponent; protected readonly MenuModalRef: typeof ModernMenuModalComponent; mainContainerOverrideProps: () => { containerStyle: Record<string, any>; controlHeight: number; eventType: EventType; parameters: any; }; mainAspectOverrideProps: () => { backgroundColor: string; defaultFraction: number; showControls: boolean; updateIsWideScreen: (value: boolean) => void; updateIsMediumScreen: (value: boolean) => void; updateIsSmallScreen: (value: boolean) => void; parameters: any; }; mainScreenOverrideProps: () => { doStack: boolean; mainSize: number; defaultFraction: number; showControls: boolean; updateComponentSizes: (sizes: ComponentSizes) => void; parameters: any; }; mainGridOverrideProps: () => { height: number; width: number; backgroundColor: string; mainSize: number; showAspect: boolean; timeBackgroundColor: string; meetingProgressTime: string; parameters: any; }; 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; }; }; parameters: any; customVideoCard: any; customAudioCard: any; customMiniCard: any; }; whiteboardOverrideProps: () => { customWidth: number; customHeight: number; parameters: any; showAspect: boolean; }; otherGridOverrideProps: () => { height: number; width: number; backgroundColor: string; showAspect: boolean; timeBackgroundColor: string; showTimer: boolean; meetingProgressTime: string; parameters: any; }; paginationOverrideProps: () => { totalPages: number; currentUserPage: number; showAspect: boolean; paginationHeight: number; direction: "horizontal" | "vertical"; parameters: any; }; audioGridOverrideProps: () => { componentsToRender: CustomMediaComponent[]; parameters: any; }; flexibleGridOverrideProps: () => { customWidth: number; customHeight: number; componentsToRender: CustomMediaComponent[]; rows: number; columns: number; backgroundColor: string; parameters: any; customVideoCard: any; customAudioCard: any; customMiniCard: any; }; flexibleGridAltOverrideProps: () => { customWidth: number; customHeight: number; componentsToRender: CustomMediaComponent[]; rows: number; columns: number; backgroundColor: string; parameters: any; customVideoCard: any; customAudioCard: any; customMiniCard: any; }; subAspectOverrideProps: () => { backgroundColor: string; showControls: boolean; defaultFractionSub: number; parameters: any; }; controlButtonsOverrideProps: () => { buttons: any[]; isDarkMode: boolean; buttonColor: string; buttonBackgroundColor: { default: string; pressed: string; }; alignment: string; vertical: boolean; buttonsContainerStyle: { width: string; marginTop: string; marginBottom: string; backgroundColor: string; }; parameters: any; }; 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; }; 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<boolean>; recordingAudioPeopleLimit: BehaviorSubject<number>; recordingAudioParticipantsTimeLimit: BehaviorSubject<number>; recordingVideoPausesCount: BehaviorSubject<number>; recordingVideoPausesLimit: BehaviorSubject<number>; recordingVideoSupport: BehaviorSubject<boolean>; recordingVideoPeopleLimit: BehaviorSubject<number>; recordingVideoParticipantsTimeLimit: BehaviorSubject<number>; recordingAllParticipantsSupport: BehaviorSubject<boolean>; recordingVideoParticipantsSupport: BehaviorSubject<boolean>; recordingAllParticipantsFullRoomSupport: BehaviorSubject<boolean>; recordingVideoParticipantsFullRoomSupport: BehaviorSubject<boolean>; recordingPreferredOrientation: BehaviorSubject<string>; recordingSupportForOtherOrientation: BehaviorSubject<boolean>; recordingMultiFormatsSupport: BehaviorSubject<boolean>; userRecordingParams: BehaviorSubject<UserRecordingParams>; canRecord: BehaviorSubject<boolean>; startReport: BehaviorSubject<boolean>; endReport: BehaviorSubject<boolean>; recordTimerInterval: BehaviorSubject<number>; recordStartTime: BehaviorSubject<number>; recordElapsedTime: BehaviorSubject<number>; isTimerRunning: BehaviorSubject<boolean>; canPauseResume: BehaviorSubject<boolean>; recordChangeSeconds: BehaviorSubject<number>; pauseLimit: BehaviorSubject<number>; pauseRecordCount: BehaviorSubject<number>; canLaunchRecord: BehaviorSubject<boolean>; stopLaunchRecord: BehaviorSubject<boolean>; participantsAll: BehaviorSubject<Participant[]>; firstAll: BehaviorSubject<boolean>; updateMainWindow: BehaviorSubject<boolean>; first_round: BehaviorSubject<boolean>; landScaped: BehaviorSubject<boolean>; lock_screen: BehaviorSubject<boolean>; screenId: BehaviorSubject<string>; allVideoStreams: BehaviorSubject<(Stream | Participant)[]>; newLimitedStreams: BehaviorSubject<(Stream | Participant)[]>; newLimitedStreamsIDs: BehaviorSubject<string[]>; activeSounds: BehaviorSubject<string[]>; screenShareIDStream: BehaviorSubject<string>; screenShareNameStream: BehaviorSubject<string>; adminIDStream: BehaviorSubject<string>; adminNameStream: BehaviorSubject<string>; youYouStream: BehaviorSubject<(Stream | Participant)[]>; youYouStreamIDs: BehaviorSubject<string[]>; localStream: BehaviorSubject<MediaStream>; recordStarted: BehaviorSubject<boolean>; recordResumed: BehaviorSubject<boolean>; recordPaused: BehaviorSubject<boolean>; recordStopped: BehaviorSubject<boolean>; adminRestrictSetting: BehaviorSubject<boolean>; videoRequestState: BehaviorSubject<string>; videoRequestTime: BehaviorSubject<number>; videoAction: BehaviorSubject<boolean>; localStreamVideo: BehaviorSubject<MediaStream>; userDefaultVideoInputDevice: BehaviorSubject<string>; currentFacingMode: BehaviorSubject<string>; prevFacingMode: BehaviorSubject<string>; defVideoID: BehaviorSubject<string>; allowed: BehaviorSubject<boolean>; dispActiveNames: BehaviorSubject<string[]>; p_dispActiveNames: BehaviorSubject<string[]>; activeNames: BehaviorSubject<string[]>; prevActiveNames: BehaviorSubject<string[]>; p_activeNames: BehaviorSubject<string[]>; membersReceived: BehaviorSubject<boolean>; deferScreenReceived: BehaviorSubject<boolean>; hostFirstSwitch: BehaviorSubject<boolean>; micAction: BehaviorSubject<boolean>; screenAction: BehaviorSubject<boolean>; chatAction: BehaviorSubject<boolean>; audioRequestState: BehaviorSubject<string>; screenRequestState: BehaviorSubject<string>; chatRequestState: BehaviorSubject<string>; audioRequestTime: BehaviorSubject<number>; screenRequestTime: BehaviorSubject<number>; chatRequestTime: BehaviorSubject<number>; updateRequestIntervalSeconds: BehaviorSubject<number>; oldSoundIds: BehaviorSubject<string[]>; hostLabel: BehaviorSubject<string>; mainScreenFilled: BehaviorSubject<boolean>; localStreamScreen: BehaviorSubject<MediaStream>; screenAlreadyOn: BehaviorSubject<boolean>; chatAlreadyOn: BehaviorSubject<boolean>; redirectURL: BehaviorSubject<string>; oldAllStreams: BehaviorSubject<(Stream | Participant)[]>; adminVidID: BehaviorSubject<string>; streamNames: BehaviorSubject<Stream[]>; non_alVideoStreams: BehaviorSubject<Participant[]>; sortAudioLoudness: BehaviorSubject<boolean>; audioDecibels: BehaviorSubject<AudioDecibels[]>; mixed_alVideoStreams: BehaviorSubject<(Stream | Participant)[]>; non_alVideoStreams_muted: BehaviorSubject<Participant[]>; paginatedStreams: BehaviorSubject<(Stream | Participant)[][]>; localStreamAudio: BehaviorSubject<MediaStream>; defAudioID: BehaviorSubject<string>; userDefaultAudioInputDevice: BehaviorSubject<string>; userDefaultAudioOutputDevice: BehaviorSubject<string>; prevAudioInputDevice: BehaviorSubject<string>; prevVideoInputDevice: BehaviorSubject<string>; audioPaused: BehaviorSubject<boolean>; mainScreenPerson: BehaviorSubject<string>; adminOnMainScreen: BehaviorSubject<boolean>; screenStates: BehaviorSubject<ScreenState[]>; prevScreenStates: BehaviorSubject<ScreenState[]>; updateDateState: BehaviorSubject<number>; lastUpdate: BehaviorSubject<number>; nForReadjustRecord: BehaviorSubject<number>; fixedPageLimit: BehaviorSubject<number>; removeAltGrid: BehaviorSubject<boolean>; nForReadjust: BehaviorSubject<number>; reorderInterval: BehaviorSubject<number>; fastReorderInterval: BehaviorSubject<number>; lastReorderTime: BehaviorSubject<number>; audStreamNames: BehaviorSubject<Stream[]>; currentUserPage: BehaviorSubject<number>; mainHeightWidth: BehaviorSubject<number>; prevMainHeightWidth: BehaviorSubject<number>; prevDoPaginate: BehaviorSubject<boolean>; doPaginate: BehaviorSubject<boolean>; shareEnded: BehaviorSubject<boolean>; lStreams: BehaviorSubject<(Stream | Participant)[]>; chatRefStreams: BehaviorSubject<(Stream | Participant)[]>; controlHeight: BehaviorSubject<number>; isWideScreen: BehaviorSubject<boolean>; isMediumScreen: BehaviorSubject<boolean>; isSmallScreen: BehaviorSubject<boolean>; addGrid: BehaviorSubject<boolean>; addAltGrid: BehaviorSubject<boolean>; gridRows: BehaviorSubject<number>; gridCols: BehaviorSubject<number>; altGridRows: BehaviorSubject<number>; altGridCols: BehaviorSubject<number>; numberPages: BehaviorSubject<number>; currentStreams: BehaviorSubject<(Stream | Participant)[]>; showMiniView: BehaviorSubject<boolean>; nStream: BehaviorSubject<MediaStream>; defer_receive: BehaviorSubject<boolean>; allAudioStreams: BehaviorSubject<(Stream | Participant)[]>; remoteScreenStream: BehaviorSubject<Stream[]>; screenProducer: BehaviorSubject<Producer>; localScreenProducer: BehaviorSubject<Producer>; gotAllVids: BehaviorSubject<boolean>; paginationHeightWidth: BehaviorSubject<number>; paginationDirection: BehaviorSubject<"horizontal" | "vertical">; gridSizes: BehaviorSubject<GridSizes>; screenForceFullDisplay: BehaviorSubject<boolean>; mainGridStream: BehaviorSubject<CustomMediaComponent[]>; otherGridStreams: BehaviorSubject<CustomMediaComponent[][]>; audioOnlyStreams: BehaviorSubject<CustomMediaComponent[]>; videoInputs: BehaviorSubject<MediaDeviceInfo[]>; audioInputs: BehaviorSubject<MediaDeviceInfo[]>; meetingProgressTime: BehaviorSubject<string>; meetingElapsedTime: BehaviorSubject<number>; ref_participants: BehaviorSubject<Participant[]>; updateValidated: (value: boolean) => void; updateSocket: (value: Socket) => void; updateLocalSocket: (value: Socket | null) => void; updateDevice: (value: Device | null) => void; updateRoomData: (value: ResponseJoinRoom | null) => void; updateApiKey: (value: string) => void; updateApiUserName: (value: string) => void; updateApiToken: (value: string) => void; updateLink: (value: string) => void; updateRoomName: (value: string) => void; updateMember: (value: string) => void; updateAdminPasscode: (value: string) => void; updateIslevel: (value: string) => void; updateCoHost: (value: string) => void; updateCoHostResponsibility: (value: CoHostResponsibility[]) => void; updateYouAreCoHost: (value: boolean) => void; updateYouAreHost: (value: boolean) => void; updateConfirmedToRecord: (value: boolean) => void; updateMeetingDisplayType: (value: string) => void; updateMeetingVideoOptimized: (value: boolean) => void; updateEventType: (value: EventType) => void; updateParticipants: (value: Participant[]) => void; updateFilteredParticipants: (value: Participant[]) => void; updateParticipantsCounter: (value: number) => void; updateParticipantsFilter: (value: string) => void; updateConsume_sockets: (value: ConsumeSocket[]) => void; updateRtpCapabilities: (value: RtpCapabilities | null) => void; updateRoomRecvIPs: (value: string[]) => void; updateMeetingRoomParams: (value: MeetingRoomParams | null) => void; updateItemPageLimit: (value: number) => void; updateAudioOnlyRoom: (value: boolean) => void; updateAddForBasic: (value: boolean) => void; updateScreenPageLimit: (value: number) => void; updateShareScreenStarted: (value: boolean) => void; updateShared: (value: boolean) => void; updateTargetOrientation: (value: string) => void; updateTargetResolution: (value: string) => void; updateTargetResolutionHost: (value: string) => void; updateVidCons: (value: VidCons) => void; updateFrameRate: (value: number) => void; updateHParams: (value: HParamsType) => void; updateVParams: (value: VParamsType) => void; updateScreenParams: (value: ScreenParamsType) => void; updateAParams: (value: AParamsType) => void; updateRecordingAudioPausesLimit: (value: number) => void; updateRecordingAudioPausesCount: (value: number) => void; updateRecordingAudioSupport: (value: boolean) => void; updateRecordingAudioPeopleLimit: (value: number) => void; updateRecordingAudioParticipantsTimeLimit: (value: number) => void; updateRecordingVideoPausesCount: (value: number) => void; updateRecordingVideoPausesLimit: (value: number) => void; updateRecordingVideoSupport: (value: boolean) => void; updateRecordingVideoPeopleLimit: (value: number) => void; updateRecordingVideoParticipantsTimeLimit: (value: number) => void; updateRecordingAllParticipantsSupport: (value: boolean) => void; updateRecordingVideoParticipantsSupport: (value: boolean) => void; updateRecordingAllParticipantsFullRoomSupport: (value: boolean) => void; updateRecordingVideoParticipantsFullRoomSupport: (value: boolean) => void; updateRecordingPreferredOrientation: (value: string) => void; updateRecordingSupportForOtherOrientation: (value: boolean) => void; updateRecordingMultiFormatsSupport: (value: boolean) => void; updateUserRecordingParams: (value: UserRecordingParams) => void; updateCanRecord: (value: boolean) => void; updateStartReport: (value: boolean) => void; updateEndReport: (value: boolean) => void; updateRecordTimerInterval: (value: number | null) => void; updateRecordStartTime: (value: number) => void; updateRecordElapsedTime: (value: number) => void; updateIsTimerRunning: (value: boolean) => void; updateCanPauseResume: (value: boolean) => void; updateRecordChangeSeconds: (value: number) => void; updatePauseLimit: (value: number) => void; updatePaus