File

/home/carlos/CODEURJC/openvidu/openvidu-components-angular/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

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>
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>
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>
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
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>
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>
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>
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

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.

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.

Methods

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

results matching ""

    No results matching ""