File

src/app/openvidu-webcomponent/openvidu-webcomponent.component.ts

Description

OpenviduWebComponentComponent is a wrapper of the VideoconferenceComponent which allows to generate and export the OpenVidu Webcomponent. It is not included in the library.

Implements

OnInit

Metadata

Index

Methods
Inputs
Outputs
Accessors

Inputs

activitiesPanelBroadcastingActivity
Type : string | boolean

The activitiesPanelBroadcastingActivity attribute allows show/hide the broadcasting activity in ActivitiesPanelComponent.

Default: true

<openvidu-webcomponent activity-panel-broadcasting-activity="false"></openvidu-webcomponent>
activitiesPanelRecordingActivity
Type : string | boolean

The activitiesPanelRecordingActivity attribute allows show/hide the recording activity in ActivitiesPanelComponent.

Default: true

<openvidu-webcomponent activity-panel-recording-activity="false"></openvidu-webcomponent>
audioMuted
Type : string | boolean

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.
<openvidu-webcomponent audio-muted="false"></openvidu-webcomponent>
broadcastingActivityBroadcastingError
Type : any

The broadcastingActivityBroadcastingError attribute allows to show any possible error with the broadcasting in the BroadcastingActivityComponent.

Default: undefined

<openvidu-webcomponent broadcasting-activity-broadcasting-error="broadcastingError"></openvidu-webcomponent>
captionsLang
Type : string

The captionsLang attribute sets the deafult language that OpenVidu will try to recognise.

It must be a valid BCP-47 language tag like "en-US" or "es-ES".

Default: en-US

<openvidu-webcomponent captions-lang="es-ES"></openvidu-webcomponent>
captionsLangOptions
Type : string | []

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 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' } ]

<openvidu-webcomponent captions-lang-options="[{name:'Spanish', lang: 'es-ES'}]"></openvidu-webcomponent>
lang
Type : string

The lang attribute sets the default UI language.

Default: en

<openvidu-webcomponent lang="es"></openvidu-webcomponent>
langOptions
Type : string | []

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 LangOption interface.

It is only available for 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.

<openvidu-webcomponent captions-lang-options="[{name:'Spanish', lang: 'es-ES'}]"></openvidu-webcomponent>
minimal
Type : string | boolean

The minimal attribute applies a minimal UI hiding all controls except for cam and mic.

Default: false

<openvidu-webcomponent minimal="true"></openvidu-webcomponent>
participantName
Type : string

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.
<openvidu-webcomponent participant-name="MY_NAME"></openvidu-webcomponent>
participantPanelItemMuteButton
Type : string | boolean

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.
<openvidu-webcomponent participant-panel-item-mute-button="false"></openvidu-webcomponent>
prejoin
Type : string | boolean

The prejoin attribute allows show/hide the prejoin page for selecting media devices.

Default: true

<openvidu-webcomponent prejoin="false"></openvidu-webcomponent>
recordingActivityRecordingError
Type : any

The recordingActivityRecordingError attribute allows to show any possible error with the recording in the RecordingActivityComponent.

Default: true

<openvidu-webcomponent recording-activity-recording-error="false"></openvidu-webcomponent>
recordingActivityRecordingsList
Type : RecordingInfo[]

The recordingActivityRecordingList attribute allows show to show the recordings available for the session in RecordingActivityComponent.

Default: []

<openvidu-webcomponent recording-activity-recordings-list="recordingsList"></openvidu-webcomponent>
simulcast
Type : string | boolean

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

<openvidu-webcomponent simulcast="true"></openvidu-webcomponent>
streamDisplayAudioDetection
Type : string | boolean

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.
<openvidu-webcomponent stream-display-audio-detection="false"></openvidu-webcomponent>
streamDisplayParticipantName
Type : string | boolean

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.
<openvidu-webcomponent stream-display-participant-name="false"></openvidu-webcomponent>
streamFrameRate
Type : number

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.
<openvidu-webcomponent stream-frame-rate="30"></openvidu-webcomponent>
streamResolution
Type : string

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.
<openvidu-webcomponent stream-resolution="'320x240'"></openvidu-webcomponent>
streamSettingsButton
Type : string | boolean

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.
<openvidu-webcomponent stream-settings-button="false"></openvidu-webcomponent>
tokens
Type : TokenModel | string

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 TokenModel object type or a string type.

<openvidu-webcomponent tokens='{"webcam":"TOKEN1", "screen":"TOKEN2"}'></openvidu-webcomponent>
<openvidu-webcomponent tokens='TOKEN1'></openvidu-webcomponent>
toolbarActivitiesPanelButton
Type : string | boolean

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.
<openvidu-webcomponent toolbar-activities-panel-button="false"></openvidu-webcomponent>
toolbarBackgroundEffectsButton
Type : string | boolean

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.
<openvidu-webcomponent toolbar-background-effects-button="false"></openvidu-webcomponent>
toolbarBroadcastingButton
Type : string | boolean

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.
<openvidu-webcomponent toolbar-broadcasting-button="false"></openvidu-webcomponent>
toolbarCaptionsButton
Type : string | boolean

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.
<openvidu-webcomponent toolbar-captions-button="false"></openvidu-webcomponent>
toolbarChatPanelButton
Type : string | boolean

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.
<openvidu-webcomponent toolbar-chat-panel-button="false"></openvidu-webcomponent>
toolbarDisplayLogo
Type : string | boolean

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.
<openvidu-webcomponent toolbar-display-logo="false"></openvidu-webcomponent>
toolbarDisplaySessionName
Type : string | boolean

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.
<openvidu-webcomponent toolbar-display-session-name="false"></openvidu-webcomponent>
toolbarFullscreenButton
Type : string | boolean

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.
<openvidu-webcomponent toolbar-fullscreen-button="false"></openvidu-webcomponent>
toolbarLeaveButton
Type : string | boolean

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.
<openvidu-webcomponent toolbar-leave-button="false"></openvidu-webcomponent>
toolbarParticipantsPanelButton
Type : string | boolean

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.
<openvidu-webcomponent toolbar-participants-panel-button="false"></openvidu-webcomponent>
toolbarRecordingButton
Type : string | boolean

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.
<openvidu-webcomponent toolbar-recording-button="false"></openvidu-webcomponent>
toolbarScreenshareButton
Type : string | boolean

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.
<openvidu-webcomponent toolbar-screenshare-button="false"></openvidu-webcomponent>
toolbarSettingsButton
Type : string | boolean

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.
<openvidu-webcomponent toolbar-settings-button="false"></openvidu-webcomponent>
videoMuted
Type : string | boolean

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.
<openvidu-webcomponent video-muted="false"></openvidu-webcomponent>

Outputs

onActivitiesPanelDeleteRecordingClicked
Type : EventEmitter<string>

Provides event notifications that fire when delete recording button is clicked from ActivitiesPanelComponent. The recording should be deleted using the REST API.

onActivitiesPanelDownloadRecordingClicked
Type : EventEmitter<string>

Provides event notifications that fire when download recording button is clicked from ActivitiesPanelComponent. The recording should be downloaded using the REST API.

onActivitiesPanelStartBroadcastingClicked
Type : EventEmitter<string>

Provides event notifications that fire when start broadcasting button is clicked ActivitiesPanelComponent. The broadcasting should be started using the REST API.

onActivitiesPanelStartRecordingClicked
Type : EventEmitter<void>

Provides event notifications that fire when start recording button is clicked ActivitiesPanelComponent. The recording should be started using the REST API.

onActivitiesPanelStopBroadcastingClicked
Type : EventEmitter<void>

Provides event notifications that fire when stop broadcasting button is clicked ActivitiesPanelComponent. The broadcasting should be stopped using the REST API.

onActivitiesPanelStopRecordingClicked
Type : EventEmitter<void>

Provides event notifications that fire when stop recording button is clicked from ActivitiesPanelComponent. The recording should be stopped using the REST API.

onJoinButtonClicked
Type : EventEmitter<void>

Provides event notifications that fire when join button (in prejoin page) has been clicked.

onParticipantCreated
Type : EventEmitter<ParticipantAbstractModel>

Provides event notifications that fire when local participant is created.

onSessionCreated
Type : EventEmitter<Session>

Provides event notifications that fire when OpenVidu Session is created. See openvidu-browser Session.

onToolbarActivitiesPanelButtonClicked
Type : EventEmitter<void>

Provides event notifications that fire when activities panel button has been clicked.

onToolbarCameraButtonClicked
Type : EventEmitter<void>

Provides event notifications that fire when camera toolbar button has been clicked.

onToolbarChatPanelButtonClicked
Type : EventEmitter<void>

Provides event notifications that fire when chat panel button has been clicked.

onToolbarFullscreenButtonClicked
Type : EventEmitter<void>

Provides event notifications that fire when fullscreen toolbar button has been clicked.

onToolbarLeaveButtonClicked
Type : EventEmitter<void>

Provides event notifications that fire when leave button has been clicked.

onToolbarMicrophoneButtonClicked
Type : EventEmitter<void>

Provides event notifications that fire when microphone toolbar button has been clicked.

onToolbarParticipantsPanelButtonClicked
Type : EventEmitter<void>

Provides event notifications that fire when participants panel button has been clicked.

onToolbarScreenshareButtonClicked
Type : EventEmitter<void>

Provides event notifications that fire when screenshare toolbar button has been clicked.

onToolbarStartRecordingClicked
Type : EventEmitter<void>

Provides event notifications that fire when start recording button is clicked from ToolbarComponent. The recording should be started using the REST API.

onToolbarStopBroadcastingClicked
Type : EventEmitter<void>

Provides event notifications that fire when stop broadcasting button is clicked from ToolbarComponent. The recording should be stopped using the REST API.

onToolbarStopRecordingClicked
Type : EventEmitter<void>

Provides event notifications that fire when stop recording button is clicked from ToolbarComponent. The recording should be stopped using the REST API.

Methods

_onToolbarActivitiesPanelButtonClicked
_onToolbarActivitiesPanelButtonClicked()
Returns : void
disconnect
disconnect()
Returns : void

Accessors

minimal
setminimal(value: string | boolean)

The minimal attribute applies a minimal UI hiding all controls except for cam and mic.

Default: false

<openvidu-webcomponent minimal="true"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | boolean No
Example :
<openvidu-webcomponent minimal="true"></openvidu-webcomponent>
Returns : void
lang
setlang(value: string)

The lang attribute sets the default UI language.

Default: en

<openvidu-webcomponent lang="es"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string No
Example :
<openvidu-webcomponent lang="es"></openvidu-webcomponent>
Returns : void
captionsLang
setcaptionsLang(value: string)

The captionsLang attribute sets the deafult language that OpenVidu will try to recognise.

It must be a valid BCP-47 language tag like "en-US" or "es-ES".

Default: en-US

<openvidu-webcomponent captions-lang="es-ES"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string No
Example :
<openvidu-webcomponent captions-lang="es-ES"></openvidu-webcomponent>
Returns : void
langOptions
setlangOptions(value: string | LangOption[])

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 LangOption interface.

It is only available for 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.

<openvidu-webcomponent captions-lang-options="[{name:'Spanish', lang: 'es-ES'}]"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | LangOption[] No
Example :
<openvidu-webcomponent captions-lang-options="[{name:'Spanish', lang: 'es-ES'}]"></openvidu-webcomponent>
Returns : void
captionsLangOptions
setcaptionsLangOptions(value: string | CaptionsLangOption[])

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 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' } ]

<openvidu-webcomponent captions-lang-options="[{name:'Spanish', lang: 'es-ES'}]"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | CaptionsLangOption[] No
Example :
<openvidu-webcomponent captions-lang-options="[{name:'Spanish', lang: 'es-ES'}]"></openvidu-webcomponent>
Returns : void
participantName
setparticipantName(value: string)

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.
<openvidu-webcomponent participant-name="MY_NAME"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string No
Example :
<openvidu-webcomponent participant-name="MY_NAME"></openvidu-webcomponent>
Returns : void
prejoin
setprejoin(value: string | boolean)

The prejoin attribute allows show/hide the prejoin page for selecting media devices.

Default: true

<openvidu-webcomponent prejoin="false"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | boolean No
Example :
<openvidu-webcomponent prejoin="false"></openvidu-webcomponent>
Returns : void
videoMuted
setvideoMuted(value: string | boolean)

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.
<openvidu-webcomponent video-muted="false"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | boolean No
Example :
<openvidu-webcomponent video-muted="false"></openvidu-webcomponent>
Returns : void
audioMuted
setaudioMuted(value: string | boolean)

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.
<openvidu-webcomponent audio-muted="false"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | boolean No
Example :
<openvidu-webcomponent audio-muted="false"></openvidu-webcomponent>
Returns : void
simulcast
setsimulcast(value: string | boolean)

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

<openvidu-webcomponent simulcast="true"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | boolean No
Example :
<openvidu-webcomponent simulcast="true"></openvidu-webcomponent>
Returns : void
toolbarScreenshareButton
settoolbarScreenshareButton(value: string | boolean)

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.
<openvidu-webcomponent toolbar-screenshare-button="false"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | boolean No
Example :
<openvidu-webcomponent toolbar-screenshare-button="false"></openvidu-webcomponent>
Returns : void
toolbarRecordingButton
settoolbarRecordingButton(value: string | boolean)

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.
<openvidu-webcomponent toolbar-recording-button="false"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | boolean No
Example :
<openvidu-webcomponent toolbar-recording-button="false"></openvidu-webcomponent>
Returns : void
toolbarBroadcastingButton
settoolbarBroadcastingButton(value: string | boolean)

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.
<openvidu-webcomponent toolbar-broadcasting-button="false"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | boolean No
Example :
<openvidu-webcomponent toolbar-broadcasting-button="false"></openvidu-webcomponent>
Returns : void
toolbarFullscreenButton
settoolbarFullscreenButton(value: string | boolean)

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.
<openvidu-webcomponent toolbar-fullscreen-button="false"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | boolean No
Example :
<openvidu-webcomponent toolbar-fullscreen-button="false"></openvidu-webcomponent>
Returns : void
toolbarBackgroundEffectsButton
settoolbarBackgroundEffectsButton(value: string | boolean)

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.
<openvidu-webcomponent toolbar-background-effects-button="false"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | boolean No
Example :
<openvidu-webcomponent toolbar-background-effects-button="false"></openvidu-webcomponent>
Returns : void
toolbarSettingsButton
settoolbarSettingsButton(value: string | boolean)

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.
<openvidu-webcomponent toolbar-settings-button="false"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | boolean No
Example :
<openvidu-webcomponent toolbar-settings-button="false"></openvidu-webcomponent>
Returns : void
toolbarLeaveButton
settoolbarLeaveButton(value: string | boolean)

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.
<openvidu-webcomponent toolbar-leave-button="false"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | boolean No
Example :
<openvidu-webcomponent toolbar-leave-button="false"></openvidu-webcomponent>
Returns : void
toolbarChatPanelButton
settoolbarChatPanelButton(value: string | boolean)

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.
<openvidu-webcomponent toolbar-chat-panel-button="false"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | boolean No
Example :
<openvidu-webcomponent toolbar-chat-panel-button="false"></openvidu-webcomponent>
Returns : void
toolbarActivitiesPanelButton
settoolbarActivitiesPanelButton(value: string | boolean)

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.
<openvidu-webcomponent toolbar-activities-panel-button="false"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | boolean No
Example :
<openvidu-webcomponent toolbar-activities-panel-button="false"></openvidu-webcomponent>
Returns : void
toolbarParticipantsPanelButton
settoolbarParticipantsPanelButton(value: string | boolean)

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.
<openvidu-webcomponent toolbar-participants-panel-button="false"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | boolean No
Example :
<openvidu-webcomponent toolbar-participants-panel-button="false"></openvidu-webcomponent>
Returns : void
toolbarDisplayLogo
settoolbarDisplayLogo(value: string | boolean)

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.
<openvidu-webcomponent toolbar-display-logo="false"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | boolean No
Example :
<openvidu-webcomponent toolbar-display-logo="false"></openvidu-webcomponent>
Returns : void
toolbarDisplaySessionName
settoolbarDisplaySessionName(value: string | boolean)

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.
<openvidu-webcomponent toolbar-display-session-name="false"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | boolean No
Example :
<openvidu-webcomponent toolbar-display-session-name="false"></openvidu-webcomponent>
Returns : void
toolbarCaptionsButton
settoolbarCaptionsButton(value: string | boolean)

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.
<openvidu-webcomponent toolbar-captions-button="false"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | boolean No
Example :
<openvidu-webcomponent toolbar-captions-button="false"></openvidu-webcomponent>
Returns : void
streamDisplayParticipantName
setstreamDisplayParticipantName(value: string | boolean)

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.
<openvidu-webcomponent stream-display-participant-name="false"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | boolean No
Example :
<openvidu-webcomponent stream-display-participant-name="false"></openvidu-webcomponent>
Returns : void
streamDisplayAudioDetection
setstreamDisplayAudioDetection(value: string | boolean)

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.
<openvidu-webcomponent stream-display-audio-detection="false"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | boolean No
Example :
<openvidu-webcomponent stream-display-audio-detection="false"></openvidu-webcomponent>
Returns : void
streamSettingsButton
setstreamSettingsButton(value: string | boolean)

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.
<openvidu-webcomponent stream-settings-button="false"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | boolean No
Example :
<openvidu-webcomponent stream-settings-button="false"></openvidu-webcomponent>
Returns : void
streamResolution
setstreamResolution(value: string)

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.
<openvidu-webcomponent stream-resolution="'320x240'"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string No
Example :
<openvidu-webcomponent stream-resolution="'320x240'"></openvidu-webcomponent>
Returns : void
streamFrameRate
setstreamFrameRate(value: number)

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.
<openvidu-webcomponent stream-frame-rate="30"></openvidu-webcomponent>
Parameters :
Name Type Optional
value number No
Example :
<openvidu-webcomponent stream-frame-rate="30"></openvidu-webcomponent>
Returns : void
participantPanelItemMuteButton
setparticipantPanelItemMuteButton(value: string | boolean)

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.
<openvidu-webcomponent participant-panel-item-mute-button="false"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | boolean No
Example :
<openvidu-webcomponent participant-panel-item-mute-button="false"></openvidu-webcomponent>
Returns : void
recordingActivityRecordingError
setrecordingActivityRecordingError(value: any)

The recordingActivityRecordingError attribute allows to show any possible error with the recording in the RecordingActivityComponent.

Default: true

<openvidu-webcomponent recording-activity-recording-error="false"></openvidu-webcomponent>
Parameters :
Name Type Optional
value any No
Example :
<openvidu-webcomponent recording-activity-recording-error="false"></openvidu-webcomponent>
Returns : void
activitiesPanelRecordingActivity
setactivitiesPanelRecordingActivity(value: string | boolean)

The activitiesPanelRecordingActivity attribute allows show/hide the recording activity in ActivitiesPanelComponent.

Default: true

<openvidu-webcomponent activity-panel-recording-activity="false"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | boolean No
Example :
<openvidu-webcomponent activity-panel-recording-activity="false"></openvidu-webcomponent>
Returns : void
activitiesPanelBroadcastingActivity
setactivitiesPanelBroadcastingActivity(value: string | boolean)

The activitiesPanelBroadcastingActivity attribute allows show/hide the broadcasting activity in ActivitiesPanelComponent.

Default: true

<openvidu-webcomponent activity-panel-broadcasting-activity="false"></openvidu-webcomponent>
Parameters :
Name Type Optional
value string | boolean No
Example :
<openvidu-webcomponent activity-panel-broadcasting-activity="false"></openvidu-webcomponent>
Returns : void
broadcastingActivityBroadcastingError
setbroadcastingActivityBroadcastingError(value: any)

The broadcastingActivityBroadcastingError attribute allows to show any possible error with the broadcasting in the BroadcastingActivityComponent.

Default: undefined

<openvidu-webcomponent broadcasting-activity-broadcasting-error="broadcastingError"></openvidu-webcomponent>
Parameters :
Name Type Optional
value any No
Example :
<openvidu-webcomponent broadcasting-activity-broadcasting-error="broadcastingError"></openvidu-webcomponent>
Returns : void
recordingActivityRecordingsList
setrecordingActivityRecordingsList(value: RecordingInfo[])

The recordingActivityRecordingList attribute allows show to show the recordings available for the session in RecordingActivityComponent.

Default: []

<openvidu-webcomponent recording-activity-recordings-list="recordingsList"></openvidu-webcomponent>
Parameters :
Name Type Optional
value RecordingInfo[] No
Example :
<openvidu-webcomponent recording-activity-recordings-list="recordingsList"></openvidu-webcomponent>
Returns : void
tokens
settokens(value: TokenModel | string)

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 TokenModel object type or a string type.

<openvidu-webcomponent tokens='{"webcam":"TOKEN1", "screen":"TOKEN2"}'></openvidu-webcomponent>
<openvidu-webcomponent tokens='TOKEN1'></openvidu-webcomponent>
Parameters :
Name Type Optional
value TokenModel | string No
Example :
<openvidu-webcomponent tokens='{"webcam":"TOKEN1", "screen":"TOKEN2"}'></openvidu-webcomponent>
<openvidu-webcomponent tokens='TOKEN1'></openvidu-webcomponent>
Returns : void

results matching ""

    No results matching ""