ambiser
/
openvidu
mirror of https://github.com/OpenVidu/openvidu.git
9
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

ov-components: Add screen track class to local participant tracks 

participant-panel: Bind participant name to participant container
master
Carlos Santos 2025-12-04 19:51:48 +01:00
parent 3531932c88
commit 895cf0e72c
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/layout/layout.component.html
View File

@ -8,7 +8,8 @@
OV_publisher: !track.isAudioTrack && !track.isMinimized, OV_publisher: !track.isAudioTrack && !track.isMinimized,
OV_minimized: track.isMinimized, OV_minimized: track.isMinimized,
OV_big: track.isPinned, OV_big: track.isPinned,
OV_ignored: track.isAudioTrack && !track.participant.onlyHasAudioTracks OV_ignored: track.isAudioTrack && !track.participant.onlyHasAudioTracks,
OV_screen: track.isScreenTrack
}" }"
[id]="'participant-' + track.participant.identity" [id]="'participant-' + track.participant.identity"
cdkDrag cdkDrag
@ -32,7 +33,8 @@
OV_root: !track.isAudioTrack, OV_root: !track.isAudioTrack,
OV_publisher: !track.isAudioTrack, OV_publisher: !track.isAudioTrack,
OV_big: track.isPinned, OV_big: track.isPinned,
OV_ignored: track.isAudioTrack && !track.participant.onlyHasAudioTracks OV_ignored: track.isAudioTrack && !track.participant.onlyHasAudioTracks,
OV_screen: track.isScreenTrack
}" }"
> >
<ng-container *ngTemplateOutlet="streamTemplate; context: { $implicit: track }"></ng-container> <ng-container *ngTemplateOutlet="streamTemplate; context: { $implicit: track }"></ng-container>

2
openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
View File

@ -1,7 +1,7 @@
<mat-list> <mat-list>
<mat-list-item> <mat-list-item>
<!-- Main participant container with improved structure --> <!-- Main participant container with improved structure -->
<div class="participant-container" [attr.data-participant-id]="_participant?.sid"> <div class="participant-container" [attr.data-participant-id]="_participant?.sid" [attr.data-participant-name]="participantDisplayName">
<!-- Avatar section with dynamic color --> <!-- Avatar section with dynamic color -->
<div <div
class="participant-avatar" class="participant-avatar"