neoris/openvidu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

frontend: update video room component and feature configuration service to enhance toolbar features and permissions handling

Browse Source
This commit is contained in:
juancarmore 2025-07-10 00:33:17 +02:00
parent 39f41560de
commit 166c3573d7
3 changed files with 31 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/projects/shared-meet-components/src/lib/pages/video-room/video-room.component.html
View File

@ -113,27 +113,27 @@
[prejoinDisplayParticipantName]="false"
[videoEnabled]="features().videoEnabled"
[audioEnabled]="features().audioEnabled"
[toolbarLeaveButton]="!features().canModerateRoom"
[toolbarCameraButton]="features().showCamera"
[toolbarMicrophoneButton]="features().showMicrophone"
[toolbarScreenshareButton]="features().showScreenShare"
[toolbarFullscreenButton]="features().showFullscreen"
[toolbarChatPanelButton]="features().showChat"
[toolbarParticipantsPanelButton]="features().showParticipantList"
[toolbarRecordingButton]="features().showRecording"
[toolbarLeaveButton]="!features().canModerateRoom"
[toolbarRecordingButton]="features().canRecordRoom"
[toolbarBroadcastingButton]="false"
[toolbarChatPanelButton]="features().showChat"
[toolbarBackgroundEffectsButton]="features().showBackgrounds"
[toolbarActivitiesPanelButton]="features().showRecording"
[toolbarParticipantsPanelButton]="features().showParticipantList"
[toolbarSettingsButton]="features().showSettings"
[activitiesPanelRecordingActivity]="features().showRecording"
[toolbarFullscreenButton]="features().showFullscreen"
[toolbarActivitiesPanelButton]="features().showRecordings"
[activitiesPanelRecordingActivity]="features().showRecordings"
[activitiesPanelBroadcastingActivity]="false"
[showDisconnectionDialog]="false"
(onTokenRequested)="onTokenRequested()"
(onRoomCreated)="onRoomCreated($event)"
(onParticipantConnected)="onParticipantConnected($event)"
(onParticipantLeft)="onParticipantLeft($event)"
(onRecordingStartRequested)="onRecordingStartRequested($event)"
(onRecordingStopRequested)="onRecordingStopRequested($event)"
(onRoomCreated)="onRoomCreated($event)"
>
@if (features().canModerateRoom) {
<div *ovToolbarAdditionalButtons>

2
frontend/projects/shared-meet-components/src/lib/pages/video-room/video-room.component.ts
View File

@ -161,7 +161,7 @@ export class VideoRoomComponent implements OnInit, OnDestroy {
}
}
async onTokenRequested() {
onTokenRequested() {
// Participant token must be set only when requested
this.participantToken = this.participantTokenService.getParticipantToken() || '';
}

40
frontend/projects/shared-meet-components/src/lib/services/feature-configuration.service.ts
View File

@ -1,5 +1,5 @@
import { computed, Injectable, signal } from '@angular/core';
import { MeetRoomPreferences, ParticipantPermissions, ParticipantRole } from '@lib/typings/ce';
import { MeetRoomPreferences, ParticipantPermissions, ParticipantRole, TrackSource } from '@lib/typings/ce';
import { LoggerService } from 'openvidu-components-angular';
/**
@ -14,15 +14,16 @@ export interface ApplicationFeatures {
showScreenShare: boolean;
// UI Features
showRecordings: boolean;
showChat: boolean;
showRecording: boolean;
showBackgrounds: boolean;
showParticipantList: boolean;
showSettings: boolean;
showFullscreen: boolean;
// Admin Features
// Permissions
canModerateRoom: boolean;
canRecordRoom: boolean;
}
/**
@ -34,13 +35,16 @@ const DEFAULT_FEATURES: ApplicationFeatures = {
showMicrophone: true,
showCamera: true,
showScreenShare: true,
showRecordings: true,
showChat: true,
showRecording: true,
showBackgrounds: true,
showParticipantList: true,
showSettings: true,
showFullscreen: true,
canModerateRoom: false
canModerateRoom: false,
canRecordRoom: false
};
/**
@ -111,33 +115,33 @@ export class FeatureConfigurationService {
// Apply room configurations
if (roomPrefs) {
features.showRecordings = roomPrefs.recordingPreferences.enabled;
features.showChat = roomPrefs.chatPreferences.enabled;
features.showRecording = roomPrefs.recordingPreferences.enabled;
features.showBackgrounds = roomPrefs.virtualBackgroundPreferences.enabled;
}
// Apply participant permissions (these can restrict enabled features)
if (participantPerms) {
// Only restrict if the feature is already enabled
if (features.showRecordings) {
// features.showRecordings = !!recordingRole;
features.canRecordRoom = participantPerms.openvidu.canRecord;
}
if (features.showChat) {
features.showChat = participantPerms.openvidu.canChat;
}
if (features.showRecording) {
features.showRecording = participantPerms.openvidu.canRecord;
}
if (features.showBackgrounds) {
features.showBackgrounds = participantPerms.openvidu.canChangeVirtualBackground;
}
if (features.showScreenShare) {
features.showScreenShare = participantPerms.openvidu.canPublishScreen;
}
// Check if the participant can publish media
const canPublish = participantPerms.livekit.canPublish ?? true;
features.videoEnabled = canPublish;
features.audioEnabled = canPublish;
features.showMicrophone = canPublish;
features.showCamera = canPublish;
// Media features
const canPublish = participantPerms.livekit.canPublish;
const canPublishSources = participantPerms.livekit.canPublishSources ?? [];
features.videoEnabled = canPublish || canPublishSources.includes(TrackSource.CAMERA);
features.audioEnabled = canPublish || canPublishSources.includes(TrackSource.MICROPHONE);
features.showMicrophone = features.audioEnabled;
features.showCamera = features.videoEnabled;
features.showScreenShare = canPublish || canPublishSources.includes(TrackSource.SCREEN_SHARE);
}
// Apply role-based configurations