mediasfu-angular 2.1.6 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +447 -0
- package/dist/README.md +447 -0
- package/dist/fesm2022/mediasfu-angular.mjs +1736 -1079
- package/dist/fesm2022/mediasfu-angular.mjs.map +1 -1
- package/dist/lib/@types/custom-component.types.d.ts +130 -0
- package/dist/lib/@types/types.d.ts +5 -0
- package/dist/lib/components/mediasfu-components/mediasfu-broadcast.component.d.ts +47 -17
- package/dist/lib/components/mediasfu-components/mediasfu-chat.component.d.ts +47 -17
- package/dist/lib/components/mediasfu-components/mediasfu-conference.component.d.ts +57 -21
- package/dist/lib/components/mediasfu-components/mediasfu-generic.component.d.ts +57 -21
- package/dist/lib/components/mediasfu-components/mediasfu-webinar.component.d.ts +57 -21
- package/dist/lib/consumers/add-videos-grid.service.d.ts +3 -0
- package/dist/lib/consumers/prepopulate-user-media.service.d.ts +3 -0
- package/dist/lib/methods/utils/create-room-on-media-sfu.service.d.ts +10 -8
- package/dist/lib/services/custom-component-injection.service.d.ts +86 -0
- package/dist/public-api.d.ts +1 -0
- package/package.json +15 -15
|
@@ -183,6 +183,10 @@ export type MediasfuConferenceOptions = {
|
|
|
183
183
|
* @input {CreateMediaSFURoomOptions | JoinMediaSFURoomOptions} noUIPreJoinOptions - Options for the prejoin page without UI.
|
|
184
184
|
* @input {JoinRoomOnMediaSFUType} joinMediaSFURoom - Function to join a room on MediaSFU.
|
|
185
185
|
* @input {CreateRoomOnMediaSFUType} createMediaSFURoom - Function to create a room on MediaSFU.
|
|
186
|
+
* @input {any} customVideoCard - Custom component to replace the default VideoCard component.
|
|
187
|
+
* @input {any} customAudioCard - Custom component to replace the default AudioCard component.
|
|
188
|
+
* @input {any} customMiniCard - Custom component to replace the default MiniCard component.
|
|
189
|
+
* @input {any} customMainComponent - Custom component that provides complete control over the main UI, bypassing default MediaSFU styling.
|
|
186
190
|
*
|
|
187
191
|
* @property {string} title - The title of the component, defaults to "MediaSFU-Conference".
|
|
188
192
|
*
|
|
@@ -208,13 +212,17 @@ export type MediasfuConferenceOptions = {
|
|
|
208
212
|
* [useLocalUIMode]="true"
|
|
209
213
|
* [seedData]="seedDataObject"
|
|
210
214
|
* [useSeed]="true"
|
|
211
|
-
* [imgSrc]="https://example.com/logo.png"
|
|
215
|
+
* [imgSrc]="'https://example.com/logo.png'"
|
|
212
216
|
* [sourceParameters]="{ source: 'camera', width: 640, height: 480 }"
|
|
213
217
|
* [updateSourceParameters]="updateSourceParameters"
|
|
214
218
|
* [returnUI]="true"
|
|
215
219
|
* [noUIPreJoinOptions]="{ roomName: 'room1', userName: 'user1' }"
|
|
216
220
|
* [joinMediaSFURoom]="joinMediaSFURoom"
|
|
217
|
-
* [createMediaSFURoom]="createMediaSFURoom"
|
|
221
|
+
* [createMediaSFURoom]="createMediaSFURoom"
|
|
222
|
+
* [customVideoCard]="CustomVideoCardComponent"
|
|
223
|
+
* [customAudioCard]="CustomAudioCardComponent"
|
|
224
|
+
* [customMiniCard]="CustomMiniCardComponent"
|
|
225
|
+
* [customMainComponent]="CustomMainComponent">
|
|
218
226
|
* </app-mediasfu-conference>
|
|
219
227
|
* ```
|
|
220
228
|
*/
|
|
@@ -359,6 +367,10 @@ export declare class MediasfuConference implements OnInit, OnDestroy {
|
|
|
359
367
|
noUIPreJoinOptions?: CreateMediaSFURoomOptions | JoinMediaSFURoomOptions;
|
|
360
368
|
joinMediaSFURoom?: JoinRoomOnMediaSFUType;
|
|
361
369
|
createMediaSFURoom?: CreateRoomOnMediaSFUType;
|
|
370
|
+
customVideoCard: any;
|
|
371
|
+
customAudioCard: any;
|
|
372
|
+
customMiniCard: any;
|
|
373
|
+
customMainComponent: any;
|
|
362
374
|
title: string;
|
|
363
375
|
private mainHeightWidthSubscription;
|
|
364
376
|
private validatedSubscription;
|
|
@@ -893,7 +905,7 @@ export declare class MediasfuConference implements OnInit, OnDestroy {
|
|
|
893
905
|
recordingVideoOptions: BehaviorSubject<string>;
|
|
894
906
|
recordingVideoType: BehaviorSubject<string>;
|
|
895
907
|
recordingVideoOptimized: BehaviorSubject<boolean>;
|
|
896
|
-
recordingDisplayType: BehaviorSubject<"video" | "
|
|
908
|
+
recordingDisplayType: BehaviorSubject<"video" | "media" | "all">;
|
|
897
909
|
recordingAddHLS: BehaviorSubject<boolean>;
|
|
898
910
|
recordingNameTags: BehaviorSubject<boolean>;
|
|
899
911
|
recordingBackgroundColor: BehaviorSubject<string>;
|
|
@@ -1121,7 +1133,7 @@ export declare class MediasfuConference implements OnInit, OnDestroy {
|
|
|
1121
1133
|
updateAnnotateScreenStream: (value: boolean) => void;
|
|
1122
1134
|
updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
|
|
1123
1135
|
updateIsScreenboardModalVisible: (value: boolean) => void;
|
|
1124
|
-
checkOrientation: () => "
|
|
1136
|
+
checkOrientation: () => "portrait" | "landscape";
|
|
1125
1137
|
showAlert: ({ message, type, duration, }: {
|
|
1126
1138
|
message: string;
|
|
1127
1139
|
type: "success" | "danger";
|
|
@@ -1364,7 +1376,7 @@ export declare class MediasfuConference implements OnInit, OnDestroy {
|
|
|
1364
1376
|
recordingVideoOptions: string;
|
|
1365
1377
|
recordingVideoType: string;
|
|
1366
1378
|
recordingVideoOptimized: boolean;
|
|
1367
|
-
recordingDisplayType: "video" | "
|
|
1379
|
+
recordingDisplayType: "video" | "media" | "all";
|
|
1368
1380
|
recordingAddHLS: boolean;
|
|
1369
1381
|
recordingAddText: boolean;
|
|
1370
1382
|
recordingCustomText: string;
|
|
@@ -1765,11 +1777,14 @@ export declare class MediasfuConference implements OnInit, OnDestroy {
|
|
|
1765
1777
|
updateAnnotateScreenStream: (value: boolean) => void;
|
|
1766
1778
|
updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
|
|
1767
1779
|
updateIsScreenboardModalVisible: (value: boolean) => void;
|
|
1768
|
-
checkOrientation: () => "
|
|
1780
|
+
checkOrientation: () => "portrait" | "landscape";
|
|
1769
1781
|
updateDevice: (value: Device | null) => void;
|
|
1770
1782
|
updateSocket: (value: Socket) => void;
|
|
1771
1783
|
updateLocalSocket: (value: Socket | null) => void;
|
|
1772
1784
|
updateValidated: (value: boolean) => void;
|
|
1785
|
+
customVideoCard: any;
|
|
1786
|
+
customAudioCard: any;
|
|
1787
|
+
customMiniCard: any;
|
|
1773
1788
|
showAlert: ({ message, type, duration, }: {
|
|
1774
1789
|
message: string;
|
|
1775
1790
|
type: "success" | "danger";
|
|
@@ -2085,7 +2100,7 @@ export declare class MediasfuConference implements OnInit, OnDestroy {
|
|
|
2085
2100
|
recordingVideoOptions: string;
|
|
2086
2101
|
recordingVideoType: string;
|
|
2087
2102
|
recordingVideoOptimized: boolean;
|
|
2088
|
-
recordingDisplayType: "video" | "
|
|
2103
|
+
recordingDisplayType: "video" | "media" | "all";
|
|
2089
2104
|
recordingAddHLS: boolean;
|
|
2090
2105
|
recordingAddText: boolean;
|
|
2091
2106
|
recordingCustomText: string;
|
|
@@ -2486,11 +2501,14 @@ export declare class MediasfuConference implements OnInit, OnDestroy {
|
|
|
2486
2501
|
updateAnnotateScreenStream: (value: boolean) => void;
|
|
2487
2502
|
updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
|
|
2488
2503
|
updateIsScreenboardModalVisible: (value: boolean) => void;
|
|
2489
|
-
checkOrientation: () => "
|
|
2504
|
+
checkOrientation: () => "portrait" | "landscape";
|
|
2490
2505
|
updateDevice: (value: Device | null) => void;
|
|
2491
2506
|
updateSocket: (value: Socket) => void;
|
|
2492
2507
|
updateLocalSocket: (value: Socket | null) => void;
|
|
2493
2508
|
updateValidated: (value: boolean) => void;
|
|
2509
|
+
customVideoCard: any;
|
|
2510
|
+
customAudioCard: any;
|
|
2511
|
+
customMiniCard: any;
|
|
2494
2512
|
showAlert: ({ message, type, duration, }: {
|
|
2495
2513
|
message: string;
|
|
2496
2514
|
type: "success" | "danger";
|
|
@@ -2809,7 +2827,7 @@ export declare class MediasfuConference implements OnInit, OnDestroy {
|
|
|
2809
2827
|
recordingVideoOptions: string;
|
|
2810
2828
|
recordingVideoType: string;
|
|
2811
2829
|
recordingVideoOptimized: boolean;
|
|
2812
|
-
recordingDisplayType: "video" | "
|
|
2830
|
+
recordingDisplayType: "video" | "media" | "all";
|
|
2813
2831
|
recordingAddHLS: boolean;
|
|
2814
2832
|
recordingAddText: boolean;
|
|
2815
2833
|
recordingCustomText: string;
|
|
@@ -3210,11 +3228,14 @@ export declare class MediasfuConference implements OnInit, OnDestroy {
|
|
|
3210
3228
|
updateAnnotateScreenStream: (value: boolean) => void;
|
|
3211
3229
|
updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
|
|
3212
3230
|
updateIsScreenboardModalVisible: (value: boolean) => void;
|
|
3213
|
-
checkOrientation: () => "
|
|
3231
|
+
checkOrientation: () => "portrait" | "landscape";
|
|
3214
3232
|
updateDevice: (value: Device | null) => void;
|
|
3215
3233
|
updateSocket: (value: Socket) => void;
|
|
3216
3234
|
updateLocalSocket: (value: Socket | null) => void;
|
|
3217
3235
|
updateValidated: (value: boolean) => void;
|
|
3236
|
+
customVideoCard: any;
|
|
3237
|
+
customAudioCard: any;
|
|
3238
|
+
customMiniCard: any;
|
|
3218
3239
|
showAlert: ({ message, type, duration, }: {
|
|
3219
3240
|
message: string;
|
|
3220
3241
|
type: "success" | "danger";
|
|
@@ -3530,7 +3551,7 @@ export declare class MediasfuConference implements OnInit, OnDestroy {
|
|
|
3530
3551
|
recordingVideoOptions: string;
|
|
3531
3552
|
recordingVideoType: string;
|
|
3532
3553
|
recordingVideoOptimized: boolean;
|
|
3533
|
-
recordingDisplayType: "video" | "
|
|
3554
|
+
recordingDisplayType: "video" | "media" | "all";
|
|
3534
3555
|
recordingAddHLS: boolean;
|
|
3535
3556
|
recordingAddText: boolean;
|
|
3536
3557
|
recordingCustomText: string;
|
|
@@ -3931,11 +3952,14 @@ export declare class MediasfuConference implements OnInit, OnDestroy {
|
|
|
3931
3952
|
updateAnnotateScreenStream: (value: boolean) => void;
|
|
3932
3953
|
updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
|
|
3933
3954
|
updateIsScreenboardModalVisible: (value: boolean) => void;
|
|
3934
|
-
checkOrientation: () => "
|
|
3955
|
+
checkOrientation: () => "portrait" | "landscape";
|
|
3935
3956
|
updateDevice: (value: Device | null) => void;
|
|
3936
3957
|
updateSocket: (value: Socket) => void;
|
|
3937
3958
|
updateLocalSocket: (value: Socket | null) => void;
|
|
3938
3959
|
updateValidated: (value: boolean) => void;
|
|
3960
|
+
customVideoCard: any;
|
|
3961
|
+
customAudioCard: any;
|
|
3962
|
+
customMiniCard: any;
|
|
3939
3963
|
showAlert: ({ message, type, duration, }: {
|
|
3940
3964
|
message: string;
|
|
3941
3965
|
type: "success" | "danger";
|
|
@@ -4254,7 +4278,7 @@ export declare class MediasfuConference implements OnInit, OnDestroy {
|
|
|
4254
4278
|
recordingVideoOptions: string;
|
|
4255
4279
|
recordingVideoType: string;
|
|
4256
4280
|
recordingVideoOptimized: boolean;
|
|
4257
|
-
recordingDisplayType: "video" | "
|
|
4281
|
+
recordingDisplayType: "video" | "media" | "all";
|
|
4258
4282
|
recordingAddHLS: boolean;
|
|
4259
4283
|
recordingAddText: boolean;
|
|
4260
4284
|
recordingCustomText: string;
|
|
@@ -4655,11 +4679,14 @@ export declare class MediasfuConference implements OnInit, OnDestroy {
|
|
|
4655
4679
|
updateAnnotateScreenStream: (value: boolean) => void;
|
|
4656
4680
|
updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
|
|
4657
4681
|
updateIsScreenboardModalVisible: (value: boolean) => void;
|
|
4658
|
-
checkOrientation: () => "
|
|
4682
|
+
checkOrientation: () => "portrait" | "landscape";
|
|
4659
4683
|
updateDevice: (value: Device | null) => void;
|
|
4660
4684
|
updateSocket: (value: Socket) => void;
|
|
4661
4685
|
updateLocalSocket: (value: Socket | null) => void;
|
|
4662
4686
|
updateValidated: (value: boolean) => void;
|
|
4687
|
+
customVideoCard: any;
|
|
4688
|
+
customAudioCard: any;
|
|
4689
|
+
customMiniCard: any;
|
|
4663
4690
|
showAlert: ({ message, type, duration, }: {
|
|
4664
4691
|
message: string;
|
|
4665
4692
|
type: "success" | "danger";
|
|
@@ -4975,7 +5002,7 @@ export declare class MediasfuConference implements OnInit, OnDestroy {
|
|
|
4975
5002
|
recordingVideoOptions: string;
|
|
4976
5003
|
recordingVideoType: string;
|
|
4977
5004
|
recordingVideoOptimized: boolean;
|
|
4978
|
-
recordingDisplayType: "video" | "
|
|
5005
|
+
recordingDisplayType: "video" | "media" | "all";
|
|
4979
5006
|
recordingAddHLS: boolean;
|
|
4980
5007
|
recordingAddText: boolean;
|
|
4981
5008
|
recordingCustomText: string;
|
|
@@ -5376,11 +5403,14 @@ export declare class MediasfuConference implements OnInit, OnDestroy {
|
|
|
5376
5403
|
updateAnnotateScreenStream: (value: boolean) => void;
|
|
5377
5404
|
updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
|
|
5378
5405
|
updateIsScreenboardModalVisible: (value: boolean) => void;
|
|
5379
|
-
checkOrientation: () => "
|
|
5406
|
+
checkOrientation: () => "portrait" | "landscape";
|
|
5380
5407
|
updateDevice: (value: Device | null) => void;
|
|
5381
5408
|
updateSocket: (value: Socket) => void;
|
|
5382
5409
|
updateLocalSocket: (value: Socket | null) => void;
|
|
5383
5410
|
updateValidated: (value: boolean) => void;
|
|
5411
|
+
customVideoCard: any;
|
|
5412
|
+
customAudioCard: any;
|
|
5413
|
+
customMiniCard: any;
|
|
5384
5414
|
showAlert: ({ message, type, duration, }: {
|
|
5385
5415
|
message: string;
|
|
5386
5416
|
type: "success" | "danger";
|
|
@@ -5790,7 +5820,7 @@ export declare class MediasfuConference implements OnInit, OnDestroy {
|
|
|
5790
5820
|
recordingVideoOptions: string;
|
|
5791
5821
|
recordingVideoType: string;
|
|
5792
5822
|
recordingVideoOptimized: boolean;
|
|
5793
|
-
recordingDisplayType: "video" | "
|
|
5823
|
+
recordingDisplayType: "video" | "media" | "all";
|
|
5794
5824
|
recordingAddHLS: boolean;
|
|
5795
5825
|
recordingAddText: boolean;
|
|
5796
5826
|
recordingCustomText: string;
|
|
@@ -6191,11 +6221,14 @@ export declare class MediasfuConference implements OnInit, OnDestroy {
|
|
|
6191
6221
|
updateAnnotateScreenStream: (value: boolean) => void;
|
|
6192
6222
|
updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
|
|
6193
6223
|
updateIsScreenboardModalVisible: (value: boolean) => void;
|
|
6194
|
-
checkOrientation: () => "
|
|
6224
|
+
checkOrientation: () => "portrait" | "landscape";
|
|
6195
6225
|
updateDevice: (value: Device | null) => void;
|
|
6196
6226
|
updateSocket: (value: Socket) => void;
|
|
6197
6227
|
updateLocalSocket: (value: Socket | null) => void;
|
|
6198
6228
|
updateValidated: (value: boolean) => void;
|
|
6229
|
+
customVideoCard: any;
|
|
6230
|
+
customAudioCard: any;
|
|
6231
|
+
customMiniCard: any;
|
|
6199
6232
|
showAlert: ({ message, type, duration, }: {
|
|
6200
6233
|
message: string;
|
|
6201
6234
|
type: "success" | "danger";
|
|
@@ -6511,7 +6544,7 @@ export declare class MediasfuConference implements OnInit, OnDestroy {
|
|
|
6511
6544
|
recordingVideoOptions: string;
|
|
6512
6545
|
recordingVideoType: string;
|
|
6513
6546
|
recordingVideoOptimized: boolean;
|
|
6514
|
-
recordingDisplayType: "video" | "
|
|
6547
|
+
recordingDisplayType: "video" | "media" | "all";
|
|
6515
6548
|
recordingAddHLS: boolean;
|
|
6516
6549
|
recordingAddText: boolean;
|
|
6517
6550
|
recordingCustomText: string;
|
|
@@ -6912,11 +6945,14 @@ export declare class MediasfuConference implements OnInit, OnDestroy {
|
|
|
6912
6945
|
updateAnnotateScreenStream: (value: boolean) => void;
|
|
6913
6946
|
updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
|
|
6914
6947
|
updateIsScreenboardModalVisible: (value: boolean) => void;
|
|
6915
|
-
checkOrientation: () => "
|
|
6948
|
+
checkOrientation: () => "portrait" | "landscape";
|
|
6916
6949
|
updateDevice: (value: Device | null) => void;
|
|
6917
6950
|
updateSocket: (value: Socket) => void;
|
|
6918
6951
|
updateLocalSocket: (value: Socket | null) => void;
|
|
6919
6952
|
updateValidated: (value: boolean) => void;
|
|
6953
|
+
customVideoCard: any;
|
|
6954
|
+
customAudioCard: any;
|
|
6955
|
+
customMiniCard: any;
|
|
6920
6956
|
showAlert: ({ message, type, duration, }: {
|
|
6921
6957
|
message: string;
|
|
6922
6958
|
type: "success" | "danger";
|
|
@@ -7021,5 +7057,5 @@ export declare class MediasfuConference implements OnInit, OnDestroy {
|
|
|
7021
7057
|
})[];
|
|
7022
7058
|
connect_Socket(apiUserName: string, token: string, skipSockets?: boolean): Promise<Socket | null>;
|
|
7023
7059
|
static ɵfac: i0.ɵɵFactoryDeclaration<MediasfuConference, never>;
|
|
7024
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MediasfuConference, "app-mediasfu-conference", never, { "PrejoinPage": { "alias": "PrejoinPage"; "required": false; }; "localLink": { "alias": "localLink"; "required": false; }; "connectMediaSFU": { "alias": "connectMediaSFU"; "required": false; }; "credentials": { "alias": "credentials"; "required": false; }; "useLocalUIMode": { "alias": "useLocalUIMode"; "required": false; }; "seedData": { "alias": "seedData"; "required": false; }; "useSeed": { "alias": "useSeed"; "required": false; }; "imgSrc": { "alias": "imgSrc"; "required": false; }; "sourceParameters": { "alias": "sourceParameters"; "required": false; }; "updateSourceParameters": { "alias": "updateSourceParameters"; "required": false; }; "returnUI": { "alias": "returnUI"; "required": false; }; "noUIPreJoinOptions": { "alias": "noUIPreJoinOptions"; "required": false; }; "joinMediaSFURoom": { "alias": "joinMediaSFURoom"; "required": false; }; "createMediaSFURoom": { "alias": "createMediaSFURoom"; "required": false; }; }, {}, never, never, true, never>;
|
|
7060
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MediasfuConference, "app-mediasfu-conference", never, { "PrejoinPage": { "alias": "PrejoinPage"; "required": false; }; "localLink": { "alias": "localLink"; "required": false; }; "connectMediaSFU": { "alias": "connectMediaSFU"; "required": false; }; "credentials": { "alias": "credentials"; "required": false; }; "useLocalUIMode": { "alias": "useLocalUIMode"; "required": false; }; "seedData": { "alias": "seedData"; "required": false; }; "useSeed": { "alias": "useSeed"; "required": false; }; "imgSrc": { "alias": "imgSrc"; "required": false; }; "sourceParameters": { "alias": "sourceParameters"; "required": false; }; "updateSourceParameters": { "alias": "updateSourceParameters"; "required": false; }; "returnUI": { "alias": "returnUI"; "required": false; }; "noUIPreJoinOptions": { "alias": "noUIPreJoinOptions"; "required": false; }; "joinMediaSFURoom": { "alias": "joinMediaSFURoom"; "required": false; }; "createMediaSFURoom": { "alias": "createMediaSFURoom"; "required": false; }; "customVideoCard": { "alias": "customVideoCard"; "required": false; }; "customAudioCard": { "alias": "customAudioCard"; "required": false; }; "customMiniCard": { "alias": "customMiniCard"; "required": false; }; "customMainComponent": { "alias": "customMainComponent"; "required": false; }; }, {}, never, never, true, never>;
|
|
7025
7061
|
}
|
|
@@ -184,6 +184,10 @@ export type MediasfuGenericOptions = {
|
|
|
184
184
|
* @input {CreateMediaSFURoomOptions | JoinMediaSFURoomOptions} noUIPreJoinOptions - Options for the prejoin page without UI.
|
|
185
185
|
* @input {JoinRoomOnMediaSFUType} joinMediaSFURoom - Function to join a room on MediaSFU.
|
|
186
186
|
* @input {CreateRoomOnMediaSFUType} createMediaSFURoom - Function to create a room on MediaSFU.
|
|
187
|
+
* @input {any} customVideoCard - Custom component to replace the default VideoCard component.
|
|
188
|
+
* @input {any} customAudioCard - Custom component to replace the default AudioCard component.
|
|
189
|
+
* @input {any} customMiniCard - Custom component to replace the default MiniCard component.
|
|
190
|
+
* @input {any} customMainComponent - Custom component that provides complete control over the main UI, bypassing default MediaSFU styling.
|
|
187
191
|
*
|
|
188
192
|
* @property {string} title - The title of the component, defaults to "MediaSFU-Generic".
|
|
189
193
|
*
|
|
@@ -209,13 +213,17 @@ export type MediasfuGenericOptions = {
|
|
|
209
213
|
* [useLocalUIMode]="true"
|
|
210
214
|
* [seedData]="seedDataObject"
|
|
211
215
|
* [useSeed]="true"
|
|
212
|
-
* [imgSrc]="https://example.com/logo.png"
|
|
216
|
+
* [imgSrc]="'https://example.com/logo.png'"
|
|
213
217
|
* [sourceParameters]="{ source: 'camera', width: 640, height: 480 }"
|
|
214
218
|
* [updateSourceParameters]="updateSourceParameters"
|
|
215
219
|
* [returnUI]="true"
|
|
216
220
|
* [noUIPreJoinOptions]="{ roomName: 'room1', userName: 'user1' }"
|
|
217
221
|
* [joinMediaSFURoom]="joinMediaSFURoom"
|
|
218
|
-
* [createMediaSFURoom]="createMediaSFURoom"
|
|
222
|
+
* [createMediaSFURoom]="createMediaSFURoom"
|
|
223
|
+
* [customVideoCard]="CustomVideoCardComponent"
|
|
224
|
+
* [customAudioCard]="CustomAudioCardComponent"
|
|
225
|
+
* [customMiniCard]="CustomMiniCardComponent"
|
|
226
|
+
* [customMainComponent]="CustomMainComponent">
|
|
219
227
|
* </app-mediasfu-generic>
|
|
220
228
|
* ```
|
|
221
229
|
*/
|
|
@@ -361,6 +369,10 @@ export declare class MediasfuGeneric implements OnInit, OnDestroy {
|
|
|
361
369
|
noUIPreJoinOptions?: CreateMediaSFURoomOptions | JoinMediaSFURoomOptions;
|
|
362
370
|
joinMediaSFURoom?: JoinRoomOnMediaSFUType;
|
|
363
371
|
createMediaSFURoom?: CreateRoomOnMediaSFUType;
|
|
372
|
+
customVideoCard?: any;
|
|
373
|
+
customAudioCard?: any;
|
|
374
|
+
customMiniCard?: any;
|
|
375
|
+
customMainComponent?: any;
|
|
364
376
|
title: string;
|
|
365
377
|
private mainHeightWidthSubscription;
|
|
366
378
|
private validatedSubscription;
|
|
@@ -896,7 +908,7 @@ export declare class MediasfuGeneric implements OnInit, OnDestroy {
|
|
|
896
908
|
recordingVideoOptions: BehaviorSubject<string>;
|
|
897
909
|
recordingVideoType: BehaviorSubject<string>;
|
|
898
910
|
recordingVideoOptimized: BehaviorSubject<boolean>;
|
|
899
|
-
recordingDisplayType: BehaviorSubject<"video" | "
|
|
911
|
+
recordingDisplayType: BehaviorSubject<"video" | "media" | "all">;
|
|
900
912
|
recordingAddHLS: BehaviorSubject<boolean>;
|
|
901
913
|
recordingNameTags: BehaviorSubject<boolean>;
|
|
902
914
|
recordingBackgroundColor: BehaviorSubject<string>;
|
|
@@ -1124,7 +1136,7 @@ export declare class MediasfuGeneric implements OnInit, OnDestroy {
|
|
|
1124
1136
|
updateAnnotateScreenStream: (value: boolean) => void;
|
|
1125
1137
|
updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
|
|
1126
1138
|
updateIsScreenboardModalVisible: (value: boolean) => void;
|
|
1127
|
-
checkOrientation: () => "
|
|
1139
|
+
checkOrientation: () => "portrait" | "landscape";
|
|
1128
1140
|
showAlert: ({ message, type, duration, }: {
|
|
1129
1141
|
message: string;
|
|
1130
1142
|
type: "success" | "danger";
|
|
@@ -1367,7 +1379,7 @@ export declare class MediasfuGeneric implements OnInit, OnDestroy {
|
|
|
1367
1379
|
recordingVideoOptions: string;
|
|
1368
1380
|
recordingVideoType: string;
|
|
1369
1381
|
recordingVideoOptimized: boolean;
|
|
1370
|
-
recordingDisplayType: "video" | "
|
|
1382
|
+
recordingDisplayType: "video" | "media" | "all";
|
|
1371
1383
|
recordingAddHLS: boolean;
|
|
1372
1384
|
recordingAddText: boolean;
|
|
1373
1385
|
recordingCustomText: string;
|
|
@@ -1768,11 +1780,14 @@ export declare class MediasfuGeneric implements OnInit, OnDestroy {
|
|
|
1768
1780
|
updateAnnotateScreenStream: (value: boolean) => void;
|
|
1769
1781
|
updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
|
|
1770
1782
|
updateIsScreenboardModalVisible: (value: boolean) => void;
|
|
1771
|
-
checkOrientation: () => "
|
|
1783
|
+
checkOrientation: () => "portrait" | "landscape";
|
|
1772
1784
|
updateDevice: (value: Device | null) => void;
|
|
1773
1785
|
updateSocket: (value: Socket) => void;
|
|
1774
1786
|
updateLocalSocket: (value: Socket | null) => void;
|
|
1775
1787
|
updateValidated: (value: boolean) => void;
|
|
1788
|
+
customVideoCard: any;
|
|
1789
|
+
customAudioCard: any;
|
|
1790
|
+
customMiniCard: any;
|
|
1776
1791
|
showAlert: ({ message, type, duration, }: {
|
|
1777
1792
|
message: string;
|
|
1778
1793
|
type: "success" | "danger";
|
|
@@ -2089,7 +2104,7 @@ export declare class MediasfuGeneric implements OnInit, OnDestroy {
|
|
|
2089
2104
|
recordingVideoOptions: string;
|
|
2090
2105
|
recordingVideoType: string;
|
|
2091
2106
|
recordingVideoOptimized: boolean;
|
|
2092
|
-
recordingDisplayType: "video" | "
|
|
2107
|
+
recordingDisplayType: "video" | "media" | "all";
|
|
2093
2108
|
recordingAddHLS: boolean;
|
|
2094
2109
|
recordingAddText: boolean;
|
|
2095
2110
|
recordingCustomText: string;
|
|
@@ -2490,11 +2505,14 @@ export declare class MediasfuGeneric implements OnInit, OnDestroy {
|
|
|
2490
2505
|
updateAnnotateScreenStream: (value: boolean) => void;
|
|
2491
2506
|
updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
|
|
2492
2507
|
updateIsScreenboardModalVisible: (value: boolean) => void;
|
|
2493
|
-
checkOrientation: () => "
|
|
2508
|
+
checkOrientation: () => "portrait" | "landscape";
|
|
2494
2509
|
updateDevice: (value: Device | null) => void;
|
|
2495
2510
|
updateSocket: (value: Socket) => void;
|
|
2496
2511
|
updateLocalSocket: (value: Socket | null) => void;
|
|
2497
2512
|
updateValidated: (value: boolean) => void;
|
|
2513
|
+
customVideoCard: any;
|
|
2514
|
+
customAudioCard: any;
|
|
2515
|
+
customMiniCard: any;
|
|
2498
2516
|
showAlert: ({ message, type, duration, }: {
|
|
2499
2517
|
message: string;
|
|
2500
2518
|
type: "success" | "danger";
|
|
@@ -2814,7 +2832,7 @@ export declare class MediasfuGeneric implements OnInit, OnDestroy {
|
|
|
2814
2832
|
recordingVideoOptions: string;
|
|
2815
2833
|
recordingVideoType: string;
|
|
2816
2834
|
recordingVideoOptimized: boolean;
|
|
2817
|
-
recordingDisplayType: "video" | "
|
|
2835
|
+
recordingDisplayType: "video" | "media" | "all";
|
|
2818
2836
|
recordingAddHLS: boolean;
|
|
2819
2837
|
recordingAddText: boolean;
|
|
2820
2838
|
recordingCustomText: string;
|
|
@@ -3215,11 +3233,14 @@ export declare class MediasfuGeneric implements OnInit, OnDestroy {
|
|
|
3215
3233
|
updateAnnotateScreenStream: (value: boolean) => void;
|
|
3216
3234
|
updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
|
|
3217
3235
|
updateIsScreenboardModalVisible: (value: boolean) => void;
|
|
3218
|
-
checkOrientation: () => "
|
|
3236
|
+
checkOrientation: () => "portrait" | "landscape";
|
|
3219
3237
|
updateDevice: (value: Device | null) => void;
|
|
3220
3238
|
updateSocket: (value: Socket) => void;
|
|
3221
3239
|
updateLocalSocket: (value: Socket | null) => void;
|
|
3222
3240
|
updateValidated: (value: boolean) => void;
|
|
3241
|
+
customVideoCard: any;
|
|
3242
|
+
customAudioCard: any;
|
|
3243
|
+
customMiniCard: any;
|
|
3223
3244
|
showAlert: ({ message, type, duration, }: {
|
|
3224
3245
|
message: string;
|
|
3225
3246
|
type: "success" | "danger";
|
|
@@ -3536,7 +3557,7 @@ export declare class MediasfuGeneric implements OnInit, OnDestroy {
|
|
|
3536
3557
|
recordingVideoOptions: string;
|
|
3537
3558
|
recordingVideoType: string;
|
|
3538
3559
|
recordingVideoOptimized: boolean;
|
|
3539
|
-
recordingDisplayType: "video" | "
|
|
3560
|
+
recordingDisplayType: "video" | "media" | "all";
|
|
3540
3561
|
recordingAddHLS: boolean;
|
|
3541
3562
|
recordingAddText: boolean;
|
|
3542
3563
|
recordingCustomText: string;
|
|
@@ -3937,11 +3958,14 @@ export declare class MediasfuGeneric implements OnInit, OnDestroy {
|
|
|
3937
3958
|
updateAnnotateScreenStream: (value: boolean) => void;
|
|
3938
3959
|
updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
|
|
3939
3960
|
updateIsScreenboardModalVisible: (value: boolean) => void;
|
|
3940
|
-
checkOrientation: () => "
|
|
3961
|
+
checkOrientation: () => "portrait" | "landscape";
|
|
3941
3962
|
updateDevice: (value: Device | null) => void;
|
|
3942
3963
|
updateSocket: (value: Socket) => void;
|
|
3943
3964
|
updateLocalSocket: (value: Socket | null) => void;
|
|
3944
3965
|
updateValidated: (value: boolean) => void;
|
|
3966
|
+
customVideoCard: any;
|
|
3967
|
+
customAudioCard: any;
|
|
3968
|
+
customMiniCard: any;
|
|
3945
3969
|
showAlert: ({ message, type, duration, }: {
|
|
3946
3970
|
message: string;
|
|
3947
3971
|
type: "success" | "danger";
|
|
@@ -4261,7 +4285,7 @@ export declare class MediasfuGeneric implements OnInit, OnDestroy {
|
|
|
4261
4285
|
recordingVideoOptions: string;
|
|
4262
4286
|
recordingVideoType: string;
|
|
4263
4287
|
recordingVideoOptimized: boolean;
|
|
4264
|
-
recordingDisplayType: "video" | "
|
|
4288
|
+
recordingDisplayType: "video" | "media" | "all";
|
|
4265
4289
|
recordingAddHLS: boolean;
|
|
4266
4290
|
recordingAddText: boolean;
|
|
4267
4291
|
recordingCustomText: string;
|
|
@@ -4662,11 +4686,14 @@ export declare class MediasfuGeneric implements OnInit, OnDestroy {
|
|
|
4662
4686
|
updateAnnotateScreenStream: (value: boolean) => void;
|
|
4663
4687
|
updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
|
|
4664
4688
|
updateIsScreenboardModalVisible: (value: boolean) => void;
|
|
4665
|
-
checkOrientation: () => "
|
|
4689
|
+
checkOrientation: () => "portrait" | "landscape";
|
|
4666
4690
|
updateDevice: (value: Device | null) => void;
|
|
4667
4691
|
updateSocket: (value: Socket) => void;
|
|
4668
4692
|
updateLocalSocket: (value: Socket | null) => void;
|
|
4669
4693
|
updateValidated: (value: boolean) => void;
|
|
4694
|
+
customVideoCard: any;
|
|
4695
|
+
customAudioCard: any;
|
|
4696
|
+
customMiniCard: any;
|
|
4670
4697
|
showAlert: ({ message, type, duration, }: {
|
|
4671
4698
|
message: string;
|
|
4672
4699
|
type: "success" | "danger";
|
|
@@ -4983,7 +5010,7 @@ export declare class MediasfuGeneric implements OnInit, OnDestroy {
|
|
|
4983
5010
|
recordingVideoOptions: string;
|
|
4984
5011
|
recordingVideoType: string;
|
|
4985
5012
|
recordingVideoOptimized: boolean;
|
|
4986
|
-
recordingDisplayType: "video" | "
|
|
5013
|
+
recordingDisplayType: "video" | "media" | "all";
|
|
4987
5014
|
recordingAddHLS: boolean;
|
|
4988
5015
|
recordingAddText: boolean;
|
|
4989
5016
|
recordingCustomText: string;
|
|
@@ -5384,11 +5411,14 @@ export declare class MediasfuGeneric implements OnInit, OnDestroy {
|
|
|
5384
5411
|
updateAnnotateScreenStream: (value: boolean) => void;
|
|
5385
5412
|
updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
|
|
5386
5413
|
updateIsScreenboardModalVisible: (value: boolean) => void;
|
|
5387
|
-
checkOrientation: () => "
|
|
5414
|
+
checkOrientation: () => "portrait" | "landscape";
|
|
5388
5415
|
updateDevice: (value: Device | null) => void;
|
|
5389
5416
|
updateSocket: (value: Socket) => void;
|
|
5390
5417
|
updateLocalSocket: (value: Socket | null) => void;
|
|
5391
5418
|
updateValidated: (value: boolean) => void;
|
|
5419
|
+
customVideoCard: any;
|
|
5420
|
+
customAudioCard: any;
|
|
5421
|
+
customMiniCard: any;
|
|
5392
5422
|
showAlert: ({ message, type, duration, }: {
|
|
5393
5423
|
message: string;
|
|
5394
5424
|
type: "success" | "danger";
|
|
@@ -5801,7 +5831,7 @@ export declare class MediasfuGeneric implements OnInit, OnDestroy {
|
|
|
5801
5831
|
recordingVideoOptions: string;
|
|
5802
5832
|
recordingVideoType: string;
|
|
5803
5833
|
recordingVideoOptimized: boolean;
|
|
5804
|
-
recordingDisplayType: "video" | "
|
|
5834
|
+
recordingDisplayType: "video" | "media" | "all";
|
|
5805
5835
|
recordingAddHLS: boolean;
|
|
5806
5836
|
recordingAddText: boolean;
|
|
5807
5837
|
recordingCustomText: string;
|
|
@@ -6202,11 +6232,14 @@ export declare class MediasfuGeneric implements OnInit, OnDestroy {
|
|
|
6202
6232
|
updateAnnotateScreenStream: (value: boolean) => void;
|
|
6203
6233
|
updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
|
|
6204
6234
|
updateIsScreenboardModalVisible: (value: boolean) => void;
|
|
6205
|
-
checkOrientation: () => "
|
|
6235
|
+
checkOrientation: () => "portrait" | "landscape";
|
|
6206
6236
|
updateDevice: (value: Device | null) => void;
|
|
6207
6237
|
updateSocket: (value: Socket) => void;
|
|
6208
6238
|
updateLocalSocket: (value: Socket | null) => void;
|
|
6209
6239
|
updateValidated: (value: boolean) => void;
|
|
6240
|
+
customVideoCard: any;
|
|
6241
|
+
customAudioCard: any;
|
|
6242
|
+
customMiniCard: any;
|
|
6210
6243
|
showAlert: ({ message, type, duration, }: {
|
|
6211
6244
|
message: string;
|
|
6212
6245
|
type: "success" | "danger";
|
|
@@ -6523,7 +6556,7 @@ export declare class MediasfuGeneric implements OnInit, OnDestroy {
|
|
|
6523
6556
|
recordingVideoOptions: string;
|
|
6524
6557
|
recordingVideoType: string;
|
|
6525
6558
|
recordingVideoOptimized: boolean;
|
|
6526
|
-
recordingDisplayType: "video" | "
|
|
6559
|
+
recordingDisplayType: "video" | "media" | "all";
|
|
6527
6560
|
recordingAddHLS: boolean;
|
|
6528
6561
|
recordingAddText: boolean;
|
|
6529
6562
|
recordingCustomText: string;
|
|
@@ -6924,11 +6957,14 @@ export declare class MediasfuGeneric implements OnInit, OnDestroy {
|
|
|
6924
6957
|
updateAnnotateScreenStream: (value: boolean) => void;
|
|
6925
6958
|
updateMainScreenCanvas: (value: HTMLCanvasElement | null) => void;
|
|
6926
6959
|
updateIsScreenboardModalVisible: (value: boolean) => void;
|
|
6927
|
-
checkOrientation: () => "
|
|
6960
|
+
checkOrientation: () => "portrait" | "landscape";
|
|
6928
6961
|
updateDevice: (value: Device | null) => void;
|
|
6929
6962
|
updateSocket: (value: Socket) => void;
|
|
6930
6963
|
updateLocalSocket: (value: Socket | null) => void;
|
|
6931
6964
|
updateValidated: (value: boolean) => void;
|
|
6965
|
+
customVideoCard: any;
|
|
6966
|
+
customAudioCard: any;
|
|
6967
|
+
customMiniCard: any;
|
|
6932
6968
|
showAlert: ({ message, type, duration, }: {
|
|
6933
6969
|
message: string;
|
|
6934
6970
|
type: "success" | "danger";
|
|
@@ -7047,5 +7083,5 @@ export declare class MediasfuGeneric implements OnInit, OnDestroy {
|
|
|
7047
7083
|
})[];
|
|
7048
7084
|
connect_Socket(apiUserName: string, token: string, skipSockets?: boolean): Promise<Socket | null>;
|
|
7049
7085
|
static ɵfac: i0.ɵɵFactoryDeclaration<MediasfuGeneric, never>;
|
|
7050
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MediasfuGeneric, "app-mediasfu-generic", never, { "PrejoinPage": { "alias": "PrejoinPage"; "required": false; }; "localLink": { "alias": "localLink"; "required": false; }; "connectMediaSFU": { "alias": "connectMediaSFU"; "required": false; }; "credentials": { "alias": "credentials"; "required": false; }; "useLocalUIMode": { "alias": "useLocalUIMode"; "required": false; }; "seedData": { "alias": "seedData"; "required": false; }; "useSeed": { "alias": "useSeed"; "required": false; }; "imgSrc": { "alias": "imgSrc"; "required": false; }; "sourceParameters": { "alias": "sourceParameters"; "required": false; }; "updateSourceParameters": { "alias": "updateSourceParameters"; "required": false; }; "returnUI": { "alias": "returnUI"; "required": false; }; "noUIPreJoinOptions": { "alias": "noUIPreJoinOptions"; "required": false; }; "joinMediaSFURoom": { "alias": "joinMediaSFURoom"; "required": false; }; "createMediaSFURoom": { "alias": "createMediaSFURoom"; "required": false; }; }, {}, never, never, true, never>;
|
|
7086
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MediasfuGeneric, "app-mediasfu-generic", never, { "PrejoinPage": { "alias": "PrejoinPage"; "required": false; }; "localLink": { "alias": "localLink"; "required": false; }; "connectMediaSFU": { "alias": "connectMediaSFU"; "required": false; }; "credentials": { "alias": "credentials"; "required": false; }; "useLocalUIMode": { "alias": "useLocalUIMode"; "required": false; }; "seedData": { "alias": "seedData"; "required": false; }; "useSeed": { "alias": "useSeed"; "required": false; }; "imgSrc": { "alias": "imgSrc"; "required": false; }; "sourceParameters": { "alias": "sourceParameters"; "required": false; }; "updateSourceParameters": { "alias": "updateSourceParameters"; "required": false; }; "returnUI": { "alias": "returnUI"; "required": false; }; "noUIPreJoinOptions": { "alias": "noUIPreJoinOptions"; "required": false; }; "joinMediaSFURoom": { "alias": "joinMediaSFURoom"; "required": false; }; "createMediaSFURoom": { "alias": "createMediaSFURoom"; "required": false; }; "customVideoCard": { "alias": "customVideoCard"; "required": false; }; "customAudioCard": { "alias": "customAudioCard"; "required": false; }; "customMiniCard": { "alias": "customMiniCard"; "required": false; }; "customMainComponent": { "alias": "customMainComponent"; "required": false; }; }, {}, never, never, true, never>;
|
|
7051
7087
|
}
|