import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
import { OpenViduService, ParticipantAbstractModel, RecordingInfo, TokenModel, LangOption } from 'openvidu-angular';
import { Session } from 'openvidu-browser-v2compatibility';
import { CaptionsLangOption } from '../../../projects/openvidu-angular/src/lib/models/caption.model';
/**
*
* **OpenviduWebComponentComponent** is a wrapper of the {@link VideoconferenceComponent} which allows to generate and export the OpenVidu Webcomponent.
* **It is not included in the library**.
*/
@Component({
templateUrl: './openvidu-webcomponent.component.html'
})
export class OpenviduWebComponentComponent implements OnInit {
/**
* @internal
*/
_tokens: TokenModel;
/**
* @internal
*/
_minimal: boolean = false;
/**
* @internal
*/
/**
* @internal
*/
_lang: string = '';
/**
* @internal
*/
_captionsLang: string = '';
/**
* @internal
*/
_langOptions: LangOption;
/**
* @internal
*/
_captionsLangOptions: CaptionsLangOption;
/**
* @internal
*/
_participantName: string;
/**
* @internal
*/
_prejoin: boolean = true;
/**
* @internal
*/
_videoMuted: boolean = false;
/**
* @internal
*/
_audioMuted: boolean = false;
/**
* @internal
*/
_simulcast: boolean = false;
/**
* @internal
*/
_toolbarScreenshareButton: boolean = true;
/**
* @internal
*/
_toolbarRecordingButton: boolean = true;
/**
* @internal
*/
_toolbarBroadcastingButton: boolean = true;
/**
* @internal
*/
_toolbarFullscreenButton: boolean = true;
/**
* @internal
*/
_toolbarBackgroundEffectsButton: boolean = true;
/**
* @internal
*/
_toolbarSettingsButton: boolean = true;
/**
* @internal
*/
_toolbarLeaveButton: boolean = true;
/**
* @internal
*/
_toolbarChatPanelButton: boolean = true;
/**
* @internal
*/
_toolbarActivitiesPanelButton: boolean = true;
/**
* @internal
*/
_toolbarParticipantsPanelButton: boolean = true;
/**
* @internal
*/
_toolbarDisplayLogo: boolean = true;
/**
* @internal
*/
_toolbarDisplaySessionName: boolean = true;
/**
* @internal
*/
_toolbarCaptionsButton: boolean = true;
/**
* @internal
*/
_streamDisplayParticipantName: boolean = true;
/**
* @internal
*/
_streamDisplayAudioDetection: boolean = true;
/**
* @internal
*/
_streamSettingsButton: boolean = true;
/**
* @internal
*/
_streamResolution: string = '640x480';
/**
* @internal
*/
_streamFrameRate: number = 30;
/**
* @internal
*/
_participantPanelItemMuteButton: boolean = true;
/**
* @internal
*/
_recordingActivityRecordingError: any = null;
/**
* @internal
*/
_activitiesPanelRecordingActivity: boolean = true;
/**
* @internal
*/
_activitiesPanelBroadcastingActivity: boolean = true;
/**
* @internal
*/
_recordingActivityRecordingsList: RecordingInfo[] = [];
/**
* @internal
*/
_broadcastingActivityBroadcastingError: any;
/**
* The **minimal** attribute applies a minimal UI hiding all controls except for cam and mic.
*
* Default: `false`
*
* @example
*
*/
@Input() set minimal(value: string | boolean) {
this._minimal = this.castToBoolean(value);
}
/**
* The **lang** attribute sets the default UI language.
*
* Default: `en`
*
* @example
*
*/
@Input() set lang(value: string) {
this._lang = value;
}
/**
* The **captionsLang** attribute sets the deafult language that OpenVidu will try to recognise.
*
* It must be a valid [BCP-47](https://tools.ietf.org/html/bcp47) language tag like "en-US" or "es-ES".
*
* Default: `en-US`
*
* @example
*
*/
@Input() set captionsLang(value: string) {
this._captionsLang = value;
}
/**
* The **langOptions** directive allows to set the application language options.
* It will override the application languages provided by default.
* This propety is an array of objects which must comply with the {@link LangOption} interface.
*
* It is only available for {@link VideoconferenceComponent}.
*
* Default: ```
* [
* { name: 'English', lang: 'en' },
* { name: 'Español', lang: 'es' },
* { name: 'Deutsch', lang: 'de' },
* { name: 'Français', lang: 'fr' },
* { name: '中国', lang: 'cn' },
* { name: 'हिन्दी', lang: 'hi' },
* { name: 'Italiano', lang: 'it' },
* { name: 'やまと', lang: 'ja' },
* { name: 'Dutch', lang: 'nl' },
* { name: 'Português', lang: 'pt' }
* ]```
*
* Note: If you want to add a new language, you must add a new object with the name and the language code (e.g. `{ name: 'Custom', lang: 'cus' }`)
* and then add the language file in the `assets/lang` folder with the name `cus.json`.
*
*
* @example
*
*/
@Input() set langOptions(value: string | LangOption[]) {
this._langOptions = this.castToArray(value);
}
/**
* The captionsLangOptions attribute sets the language options for the captions.
* It will override the languages provided by default.
* This propety is an array of objects which must comply with the {@link CaptionsLangOption} interface.
*
* Default: ```
* [
* { name: 'English', lang: 'en-US' },
* { name: 'Español', lang: 'es-ES' },
* { name: 'Deutsch', lang: 'de-DE' },
* { name: 'Français', lang: 'fr-FR' },
* { name: '中国', lang: 'zh-CN' },
* { name: 'हिन्दी', lang: 'hi-IN' },
* { name: 'Italiano', lang: 'it-IT' },
* { name: 'やまと', lang: 'jp-JP' },
* { name: 'Português', lang: 'pt-PT' }
* ]```
*
* @example
*
*/
@Input() set captionsLangOptions(value: string | CaptionsLangOption[]) {
this._captionsLangOptions = this.castToArray(value);
}
/**
* The **participantName** attribute sets the participant name. It can be useful for aplications which doesn't need the prejoin page.
*
*
* WARNING: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the camelCase with a hyphen between words.
*
* @example
*
*/
@Input() set participantName(value: string) {
this._participantName = value;
}
/**
* The **prejoin** attribute allows show/hide the prejoin page for selecting media devices.
*
* Default: `true`
*
* @example
*
*/
@Input() set prejoin(value: string | boolean) {
this._prejoin = this.castToBoolean(value);
}
/**
* The **videoMuted** attribute allows to join the session with camera muted/unmuted.
*
* Default: `false`
*
*
* WARNING: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the camelCase with a hyphen between words.
*
* @example
*
*/
@Input() set videoMuted(value: string | boolean) {
this._videoMuted = this.castToBoolean(value);
}
/**
* The **audioMuted** attribute allows to join the session with microphone muted/unmuted.
*
* Default: `false`
*
*
* WARNING: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the camelCase with a hyphen between words.
*
* @example
*
*/
@Input() set audioMuted(value: string | boolean) {
this._audioMuted = this.castToBoolean(value);
}
/**
* The **simulcast** directive allows to enable/disable the Simulcast feature. Simulcast is a technique that allows
* to send multiple versions of the same video stream at different resolutions, framerates and qualities. This way,
* the receiver can subscribe to the most appropriate stream for its current network conditions.
*
* Default: `false`
*
* @example
*
*/
@Input() set simulcast(value: string | boolean) {
this._simulcast = this.castToBoolean(value);
}
/**
* The **toolbarScreenshareButton** attribute allows show/hide the screenshare toolbar button.
*
* Default: `true`
*
*
* WARNING: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the camelCase with a hyphen between words.
*
* @example
*
*/
@Input() set toolbarScreenshareButton(value: string | boolean) {
this._toolbarScreenshareButton = this.castToBoolean(value);
}
/**
* The **toolbarRecordingButton** attribute allows show/hide the start/stop recording toolbar button.
*
* Default: `true`
*
*
* WARNING: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the camelCase with a hyphen between words.
*
* @example
*
*/
@Input() set toolbarRecordingButton(value: string | boolean) {
this._toolbarRecordingButton = this.castToBoolean(value);
}
/**
* The **toolbarBroadcastingButton** attribute allows show/hide the start/stop broadcasting toolbar button.
*
* Default: `true`
*
*
* WARNING: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the camelCase with a hyphen between words.
*
* @example
*
*/
@Input() set toolbarBroadcastingButton(value: string | boolean) {
this._toolbarBroadcastingButton = this.castToBoolean(value);
}
/**
* The **toolbarFullscreenButton** attribute allows show/hide the fullscreen toolbar button.
*
* Default: `true`
*
*
* WARNING: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the camelCase with a hyphen between words.
*
* @example
*
*/
@Input() set toolbarFullscreenButton(value: string | boolean) {
this._toolbarFullscreenButton = this.castToBoolean(value);
}
/**
* The **toolbarBackgroundEffectsButton** attribute allows show/hide the background effects toolbar button.
*
* Default: `true`
*
*
* WARNING: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the camelCase with a hyphen between words.
*
* @example
*
*/
@Input() set toolbarBackgroundEffectsButton(value: string | boolean) {
this._toolbarBackgroundEffectsButton = this.castToBoolean(value);
}
/**
* The **toolbarSettingsButton** attribute allows show/hide the settings toolbar button.
*
* Default: `true`
*
*
* WARNING: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the camelCase with a hyphen between words.
*
* @example
*
*/
@Input() set toolbarSettingsButton(value: string | boolean) {
this._toolbarSettingsButton = this.castToBoolean(value);
}
/**
* The **toolbarLeaveButton** attribute allows show/hide the leave toolbar button.
*
* Default: `true`
*
*
* WARNING: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the camelCase with a hyphen between words.
*
* @example
*
*/
@Input() set toolbarLeaveButton(value: string | boolean) {
this._toolbarLeaveButton = this.castToBoolean(value);
}
/**
* The **toolbarChatPanelButton** attribute allows show/hide the chat panel toolbar button.
*
* Default: `true`
*
*
* WARNING: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the camelCase with a hyphen between words.
*
* @example
*
*/
@Input() set toolbarChatPanelButton(value: string | boolean) {
this._toolbarChatPanelButton = this.castToBoolean(value);
}
/**
* The **toolbarActivitiesPanelButton** attribute allows show/hide the activities panel toolbar button.
*
* Default: `true`
*
*
* WARNING: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the camelCase with a hyphen between words.
*
* @example
*
*/
@Input() set toolbarActivitiesPanelButton(value: string | boolean) {
this._toolbarActivitiesPanelButton = this.castToBoolean(value);
}
/**
* The **toolbarParticipantsPanelButton** attribute allows show/hide the participants panel toolbar button.
*
* Default: `true`
*
*
* WARNING: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the camelCase with a hyphen between words.
*
* @example
*
*/
@Input() set toolbarParticipantsPanelButton(value: string | boolean) {
this._toolbarParticipantsPanelButton = this.castToBoolean(value);
}
/**
* The **toolbarDisplayLogo** attribute allows show/hide the branding logo.
*
* Default: `true`
*
*
* WARNING: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the camelCase with a hyphen between words.
*
* @example
*
*/
@Input() set toolbarDisplayLogo(value: string | boolean) {
this._toolbarDisplayLogo = this.castToBoolean(value);
}
/**
* The **toolbarDisplaySessionName** attribute allows show/hide the session name.
*
* Default: `true`
*
*
* WARNING: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the camelCase with a hyphen between words.
*
* @example
*
*/
@Input() set toolbarDisplaySessionName(value: string | boolean) {
this._toolbarDisplaySessionName = this.castToBoolean(value);
}
/**
* The **toolbarCaptionsButton** attribute allows show/hide the captions toolbar button.
*
* Default: `true`
*
*
* WARNING: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the camelCase with a hyphen between words.
*
* @example
*
*/
@Input() set toolbarCaptionsButton(value: string | boolean) {
this._toolbarCaptionsButton = this.castToBoolean(value);
}
/**
* The **streamDisplayParticipantName** attribute allows show/hide the participants name in stream component.
*
* Default: `true`
*
*
* WARNING: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the camelCase with a hyphen between words.
*
* @example
*
*/
@Input() set streamDisplayParticipantName(value: string | boolean) {
this._streamDisplayParticipantName = this.castToBoolean(value);
}
/**
* The **streamDisplayAudioDetection** attribute allows show/hide the participants audio detection in stream component.
*
* Default: `true`
*
*
* WARNING: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the camelCase with a hyphen between words.
*
* @example
*
*/
@Input() set streamDisplayAudioDetection(value: string | boolean) {
this._streamDisplayAudioDetection = this.castToBoolean(value);
}
/**
* The **streamSettingsButton** attribute allows show/hide the participants settings button in stream component.
*
* Default: `true`
*
*
* WARNING: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the camelCase with a hyphen between words.
*
* @example
*
*/
@Input() set streamSettingsButton(value: string | boolean) {
this._streamSettingsButton = this.castToBoolean(value);
}
/**
* The **resolution** directive allows to set a specific participant resolution in stream component.
*
* Default: `640x480`
*
*
* WARNING: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the camelCase with a hyphen between words.
*
* @example
*
*/
@Input() set streamResolution(value: string) {
this._streamResolution = value;
}
/**
* The **frameRate** directive allows initialize the publisher with a specific frame rate in stream component.
*
* Default: `30`
*
*
* WARNING: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the camelCase with a hyphen between words.
*
* @example
*
*/
@Input() set streamFrameRate(value: number) {
this._streamFrameRate = Number(value);
}
/**
* The **participantPanelItemMuteButton** attribute allows show/hide the muted button in participant panel item component.
*
* Default: `true`
*
*
* WARNING: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the camelCase with a hyphen between words.
*
* @example
*
*/
@Input() set participantPanelItemMuteButton(value: string | boolean) {
this._participantPanelItemMuteButton = this.castToBoolean(value);
}
/**
* The **recordingActivityRecordingError** attribute allows to show any possible error with the recording in the {@link RecordingActivityComponent}.
*
* Default: `true`
*
* @example
*
*/
@Input() set recordingActivityRecordingError(value: any) {
this._recordingActivityRecordingError = value;
}
/**
* The **activitiesPanelRecordingActivity** attribute allows show/hide the recording activity in {@link ActivitiesPanelComponent}.
*
* Default: `true`
*
* @example
*
*/
@Input() set activitiesPanelRecordingActivity(value: string | boolean) {
this._activitiesPanelRecordingActivity = this.castToBoolean(value);
}
/**
* The **activitiesPanelBroadcastingActivity** attribute allows show/hide the broadcasting activity in {@link ActivitiesPanelComponent}.
*
* Default: `true`
*
* @example
*
*/
@Input() set activitiesPanelBroadcastingActivity(value: string | boolean) {
this._activitiesPanelBroadcastingActivity = this.castToBoolean(value);
}
/**
* The **broadcastingActivityBroadcastingError** attribute allows to show any possible error with the broadcasting in the {@link BroadcastingActivityComponent}.
*
* Default: `undefined`
*
* @example
*
*/
@Input() set broadcastingActivityBroadcastingError(value: any) {
this._broadcastingActivityBroadcastingError = value;
}
/**
* The **recordingActivityRecordingList** attribute allows show to show the recordings available for the session in {@link RecordingActivityComponent}.
*
* Default: `[]`
*
* @example
*
*/
@Input() set recordingActivityRecordingsList(value: RecordingInfo[]) {
this._recordingActivityRecordingsList = value;
}
/**
* Provides event notifications that fire when join button (in prejoin page) has been clicked.
*/
@Output() onJoinButtonClicked: EventEmitter = new EventEmitter();
/**
* Provides event notifications that fire when leave button has been clicked.
*/
@Output() onToolbarLeaveButtonClicked: EventEmitter = new EventEmitter();
/**
* Provides event notifications that fire when camera toolbar button has been clicked.
*/
@Output() onToolbarCameraButtonClicked: EventEmitter = new EventEmitter();
/**
* Provides event notifications that fire when microphone toolbar button has been clicked.
*/
@Output() onToolbarMicrophoneButtonClicked: EventEmitter = new EventEmitter();
/**
* Provides event notifications that fire when screenshare toolbar button has been clicked.
*/
@Output() onToolbarScreenshareButtonClicked: EventEmitter = new EventEmitter();
/**
* Provides event notifications that fire when fullscreen toolbar button has been clicked.
*/
@Output() onToolbarFullscreenButtonClicked: EventEmitter = new EventEmitter();
/**
* Provides event notifications that fire when participants panel button has been clicked.
*/
@Output() onToolbarParticipantsPanelButtonClicked: EventEmitter = new EventEmitter();
/**
* Provides event notifications that fire when chat panel button has been clicked.
*/
@Output() onToolbarChatPanelButtonClicked: EventEmitter = new EventEmitter();
/**
* Provides event notifications that fire when activities panel button has been clicked.
*/
@Output() onToolbarActivitiesPanelButtonClicked: EventEmitter = new EventEmitter();
/**
* Provides event notifications that fire when start recording button is clicked from {@link ToolbarComponent}.
* The recording should be started using the REST API.
*/
@Output() onToolbarStartRecordingClicked: EventEmitter = new EventEmitter();
/**
* Provides event notifications that fire when stop recording button is clicked from {@link ToolbarComponent}.
* The recording should be stopped using the REST API.
*/
@Output() onToolbarStopRecordingClicked: EventEmitter = new EventEmitter();
/**
* Provides event notifications that fire when start broadcasting button is clicked from {@link ToolbarComponent}.
*/
@Output() onToolbarStartBroadcastingClicked: EventEmitter = new EventEmitter();
/**
* Provides event notifications that fire when stop broadcasting button is clicked from {@link ToolbarComponent}.
* The recording should be stopped using the REST API.
*/
@Output() onToolbarStopBroadcastingClicked: EventEmitter = new EventEmitter();
/**
* Provides event notifications that fire when start recording button is clicked {@link ActivitiesPanelComponent}.
* The recording should be started using the REST API.
*/
@Output() onActivitiesPanelStartRecordingClicked: EventEmitter = new EventEmitter();
/**
* Provides event notifications that fire when stop recording button is clicked from {@link ActivitiesPanelComponent}.
* The recording should be stopped using the REST API.
*/
@Output() onActivitiesPanelStopRecordingClicked: EventEmitter = new EventEmitter();
/**
* Provides event notifications that fire when download recording button is clicked from {@link ActivitiesPanelComponent}.
* The recording should be downloaded using the REST API.
*/
@Output() onActivitiesPanelDownloadRecordingClicked: EventEmitter = new EventEmitter();
/**
* Provides event notifications that fire when delete recording button is clicked from {@link ActivitiesPanelComponent}.
* The recording should be deleted using the REST API.
*/
@Output() onActivitiesPanelDeleteRecordingClicked: EventEmitter = new EventEmitter();
/**
* Provides event notifications that fire when start broadcasting button is clicked {@link ActivitiesPanelComponent}.
* The broadcasting should be started using the REST API.
*/
@Output() onActivitiesPanelStartBroadcastingClicked: EventEmitter = new EventEmitter();
/**
* Provides event notifications that fire when stop broadcasting button is clicked {@link ActivitiesPanelComponent}.
* The broadcasting should be stopped using the REST API.
*/
@Output() onActivitiesPanelStopBroadcastingClicked: EventEmitter = new EventEmitter();
/**
* Provides event notifications that fire when OpenVidu Session is created.
* See {@link https://docs.openvidu.io/en/stable/api/openvidu-browser/classes/Session.html openvidu-browser Session}.
*/
@Output() onSessionCreated: EventEmitter = new EventEmitter();
/**
* Provides event notifications that fire when local participant is created.
*/
@Output() onParticipantCreated: EventEmitter = new EventEmitter();
/**
* @internal
*/
success: boolean = false;
/**
* @internal
*/
constructor(private host: ElementRef, private openviduService: OpenViduService) {
this.host.nativeElement.disconnect = this.disconnect.bind(this);
}
ngOnInit(): void {}
/**
* Tokens parameter is required to grant a participant access to a Session.
* This OpenVidu token will be use by each participant when connecting to a Session.
*
* This input accepts a {@link TokenModel} object type or a string type.
*
* @example
*
*
*
* @example
*
*
*/
@Input('tokens')
set tokens(value: TokenModel | string) {
// console.debug('Webcomponent tokens: ', value);
try {
this._tokens = this.castToJson(value);
this.success = !!this._tokens?.webcam && !!this._tokens?.screen;
} catch (error) {
if (typeof value === 'string' && value !== '') {
console.debug('Single token received.');
this._tokens = { webcam: value };
this.success = true;
} else {
console.error(error);
console.error('Tokens parameter received is incorrect: ', value);
console.error('Session cannot start');
}
}
}
/**
* @internal
*/
_onJoinButtonClicked() {
this.onJoinButtonClicked.emit();
}
/**
* @internal
*/
_onToolbarLeaveButtonClicked() {
this.success = false;
this.onToolbarLeaveButtonClicked.emit();
}
/**
* @internal
*/
_onToolbarCameraButtonClicked() {
this.onToolbarCameraButtonClicked.emit();
}
/**
* @internal
*/
_onToolbarMicrophoneButtonClicked() {
this.onToolbarMicrophoneButtonClicked.emit();
}
/**
* @internal
*/
_onToolbarScreenshareButtonClicked() {
this.onToolbarScreenshareButtonClicked.emit();
}
/**
* @internal
*/
_onToolbarParticipantsPanelButtonClicked() {
this.onToolbarParticipantsPanelButtonClicked.emit();
}
/**
* @internal
*/
_onToolbarChatPanelButtonClicked() {
this.onToolbarChatPanelButtonClicked.emit();
}
_onToolbarActivitiesPanelButtonClicked() {
this.onToolbarActivitiesPanelButtonClicked.emit();
}
/**
* @internal
*/
_onToolbarFullscreenButtonClicked() {
this.onToolbarFullscreenButtonClicked.emit();
}
/**
* @internal
*/
onStartRecordingClicked(from: string) {
if (from === 'toolbar') {
this.onToolbarStartRecordingClicked.emit();
} else if (from === 'panel') {
this.onActivitiesPanelStartRecordingClicked.emit();
}
}
/**
* @internal
*/
onStopRecordingClicked(from: string) {
if (from === 'toolbar') {
this.onToolbarStopRecordingClicked.emit();
} else if (from === 'panel') {
this.onActivitiesPanelStopRecordingClicked.emit();
}
}
/**
* @internal
*/
_onActivitiesDownloadRecordingClicked(recordingId: string) {
this.onActivitiesPanelDownloadRecordingClicked.emit(recordingId);
}
/**
* @internal
*/
_onActivitiesDeleteRecordingClicked(recordingId: string) {
this.onActivitiesPanelDeleteRecordingClicked.emit(recordingId);
}
/**
* @internal
*/
onStartBroadcastingClicked(rtmpUrl: string) {
// if (from === 'toolbar') {
// this.onToolbarStartRecordingClicked.emit();
// } else if (from === 'panel') {
this.onActivitiesPanelStartBroadcastingClicked.emit(rtmpUrl);
// }
}
/**
* @internal
*/
onStopBroadcastingClicked(from: string) {
if (from === 'toolbar') {
this.onToolbarStopBroadcastingClicked.emit();
} else if (from === 'panel') {
this.onActivitiesPanelStopBroadcastingClicked.emit();
}
}
/**
* @internal
*/
_onSessionCreated(session: Session) {
this.onSessionCreated.emit(session);
}
/**
* @internal
*/
_onParticipantCreated(participant: ParticipantAbstractModel) {
this.onParticipantCreated.emit(participant);
}
disconnect() {
this.openviduService.disconnect();
}
private castToBoolean(value: string | boolean): boolean {
if (typeof value === 'boolean') {
return value;
} else if (typeof value === 'string') {
if (value !== 'true' && value !== 'false') {
throw new Error('Parameter has an incorrect string value.');
}
return value === 'true';
} else {
throw new Error('Parameter has not a valid type. The parameters must to be string or boolean.');
}
}
private castToJson(value: TokenModel | string) {
if (typeof value === 'string') {
try {
return JSON.parse(value);
} catch (error) {
throw 'Unexpected JSON' + error;
}
} else if (typeof value === 'object') {
return value;
} else {
throw new Error(
'Parameter has not a valid type. The parameters must to be string or TokenModel {webcam:string, screen: string}.'
);
}
}
private castToArray(value: CaptionsLangOption[] | string) {
if (typeof value === 'string') {
try {
return JSON.parse(value);
} catch (error) {
throw 'Unexpected JSON' + error;
}
} else if (typeof value === 'object' && value.length > 0) {
return value;
} else {
throw new Error(
'Parameter has not a valid type. The parameters must to be string or CaptionsLangOptions [] [{name:string, lang: string}].'
);
}
}
}