projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.ts
The ParticipantsPanelComponent is hosted inside of the PanelComponent. It is in charge of displaying the participants connected to the session. This component is composed by the ParticipantPanelItemComponent.
The ParticipantsPanelComponent can be replaced with a custom component. It provides us the following Angular structural directives for doing this.
| Directive | Reference |
|---|---|
| *ovParticipantsPanel | ParticipantsPanelDirective |
As the ParticipantsPanelComponent is composed by ParticipantPanelItemComponent, it is also providing us a way to replace the participant item with a custom one. It will recognise the following directive in a child element.
| Directive | Reference |
|---|---|
| *ovParticipantPanelItem | ParticipantPanelItemDirective |
See all OpenVidu Angular Directives
OnInit
OnDestroy
AfterViewInit
| changeDetection | ChangeDetectionStrategy.OnPush |
| selector | ov-participants-panel |
| styleUrls | ../../panel.component.css, |
| templateUrl | ./participants-panel.component.html |
Properties |
Methods |
Accessors |
| close |
close()
|
|
Returns :
void
|
| localParticipant |
Type : any
|
| remoteParticipants |
Type : ParticipantAbstractModel[]
|
Default value : []
|
| externalParticipantPanelItem | ||||||
setexternalParticipantPanelItem(externalParticipantPanelItem: ParticipantPanelItemDirective)
|
||||||
|
Parameters :
Returns :
void
|