File

src/lib/components/panel/panel.component.ts

Description

The PanelComponent is hosted inside of the VideoconferenceComponent. It is in charge of displaying the videoconference panels providing functionalities to the videoconference app such as the chat (ChatPanelComponent) and list of participants (ParticipantsPanelComponent) .

OpenVidu Angular Directives

The PanelComponent can be replaced with a custom component. It provides us the following Angular structural directives for doing this.

Directive Reference
*ovPanel PanelDirective

It is also providing us a way to replace the children panels to the default panel. It will recognise the following directive in a child element.

Directive Reference
*ovChatPanel ChatPanelDirective
*ovParticipantsPanel ParticipantsPanelDirective
*ovAdditionalPanels AdditionalPanelsDirective

Implements

OnInit

Metadata

Index

Properties
Accessors

Properties

isActivitiesPanelOpened
Type : boolean
isBackgroundEffectsPanelOpened
Type : boolean
isChatPanelOpened
Type : boolean
isParticipantsPanelOpened
Type : boolean

Accessors

externalParticipantPanel
setexternalParticipantPanel(externalParticipantsPanel: ParticipantsPanelDirective)
Parameters :
Name Type Optional
externalParticipantsPanel ParticipantsPanelDirective No
Returns : void
externalBackgroundEffectsPanel
setexternalBackgroundEffectsPanel(externalBackgroundEffectsPanel: BackgroundEffectsPanelDirective)
Parameters :
Name Type Optional
externalBackgroundEffectsPanel BackgroundEffectsPanelDirective No
Returns : void
externalActivitiesPanel
setexternalActivitiesPanel(externalActivitiesPanel: ActivitiesPanelDirective)
Parameters :
Name Type Optional
externalActivitiesPanel ActivitiesPanelDirective No
Returns : void
externalChatPanel
setexternalChatPanel(externalChatPanel: ChatPanelDirective)
Parameters :
Name Type Optional
externalChatPanel ChatPanelDirective No
Returns : void
externalAdditionalPanels
setexternalAdditionalPanels(externalAdditionalPanels: AdditionalPanelsDirective)
Parameters :
Name Type Optional
externalAdditionalPanels AdditionalPanelsDirective No
Returns : void

results matching ""

    No results matching ""