projects/openvidu-components-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
The ParticipantPanelItemComponent is hosted inside of the ParticipantsPanelComponent. It displays participant information with enhanced UI/UX, including support for custom content injection through structural directives.
OnInit
OnDestroy
| changeDetection | ChangeDetectionStrategy.OnPush |
| selector | ov-participant-panel-item |
| styleUrls | ./participant-panel-item.component.scss |
| templateUrl | ./participant-panel-item.component.html |
Methods |
Inputs |
Accessors |
| muteButton |
Type : boolean
|
Default value : true
|
|
Whether to show the mute button for remote participants |
| participant |
Type : ParticipantModel
|
|
The participant to be displayed |
| toggleMuteForcibly |
toggleMuteForcibly()
|
|
Toggles the mute state of a remote participant
Returns :
void
|
| participant | ||||||
setparticipant(participant: ParticipantModel)
|
||||||
|
The participant to be displayed
Parameters :
Returns :
void
|
| participantBadgeTemplate |
getparticipantBadgeTemplate()
|
|
Gets the template for local participant badge
Returns :
TemplateRef | undefined
|
| isLocalParticipant |
getisLocalParticipant()
|
|
Checks if the current participant is the local participant
Returns :
boolean
|
| participantDisplayName |
getparticipantDisplayName()
|
|
Gets the participant's display name
Returns :
string
|
| hasExternalElements |
gethasExternalElements()
|
|
Checks if external elements are available
Returns :
boolean
|
| Directive | Reference |
|---|---|
| *ovParticipantPanelItem | ParticipantPanelItemDirective |
It is also providing us a way to add additional buttons to the default participant panel item. It will recognise the following directive in a child element.
| Directive | Reference |
|---|---|
| *ovParticipantPanelItemElements | ParticipantPanelItemElementsDirective |
With the following directives you can modify the default User Interface with the aim of fully customizing your videoconference application.
| Parameter | Type | Reference |
|---|---|---|
| muteButton | boolean |
ParticipantPanelItemMuteButtonDirective |