projects/openvidu-angular/src/lib/components/stream/stream.component.ts
The StreamComponent is hosted inside of the LayoutComponent. It is in charge of displaying the participant video stream in the videoconference layout.
This component allows us to show or hide certain HTML elements with the following Angular attribute directives with the aim of fully customizing the StreamComponent.
| Parameter | Type | Reference |
|---|---|---|
| displayParticipantName | boolean |
StreamDisplayParticipantNameDirective |
| displayAudioDetection | boolean |
StreamDisplayAudioDetectionDirective |
| settingsButton | boolean |
StreamSettingsButtonDirective |
| resolution | string |
StreamResolutionDirective |
| frameRate | number |
StreamFrameRateDirective |
See all API Directives
The StreamComponent can be replaced with a custom component. It provides us the following Angular structural directives for doing this.
| Directive | Reference |
|---|---|
| *ovStream | StreamDirective |
See all OpenVidu Angular Directives
| selector | ov-stream |
| styleUrls | ./stream.component.css |
| templateUrl | ./stream.component.html |
Properties |
Inputs |
Accessors |
| stream |
Type : StreamModel
|
| showVideo |
Type : boolean
|
| stream | ||||||
setstream(stream: StreamModel)
|
||||||
|
Parameters :
Returns :
void
|