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

openvidu-testapp: make update interval for dialog optional

master
pabloFuente 2025-07-14 22:18:12 +02:00
parent 61fbf9850b
commit ce47224400
3 changed files with 65 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
openvidu-testapp/src/app/components/dialogs/info-dialog/info-dialog.component.ts
View File

@ -4,15 +4,16 @@ import { take } from 'rxjs/operators';
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
@Component({
selector: 'app-info-dialog',
templateUrl: './info-dialog.component.html',
styleUrls: ['./info-dialog.component.css'],
standalone: false
selector: 'app-info-dialog',
templateUrl: './info-dialog.component.html',
styleUrls: ['./info-dialog.component.css'],
standalone: false,
})
export class InfoDialogComponent implements OnDestroy {
title: string;
subtitle: string;
updateFunction: () => Promise<string>;
updateInterval: number;
textAreaValue: string;
@ -26,17 +27,22 @@ export class InfoDialogComponent implements OnDestroy {
title: string;
subtitle: string;
updateFunction: () => Promise<string>;
updateInterval: number;
},
private _ngZone: NgZone
) {
this.title = data.title;
this.subtitle = data.subtitle;
this.updateFunction = data.updateFunction;
this.updateInterval = data.updateInterval;
this.updateValue();
this.interval = setInterval(() => {
this.updateValue();
}, 700);
if (this.updateInterval) {
this.interval = setInterval(() => {
this.updateValue();
}, this.updateInterval);
}
// this.publisher
// .getSenders()

90
openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.ts
View File

@ -210,7 +210,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.Connected) !==
oldValues.get(RoomEvent.Connected)
oldValues.get(RoomEvent.Connected)
) {
this.room?.removeAllListeners(RoomEvent.Connected);
if (this.roomEvents.get(RoomEvent.Connected)) {
@ -235,7 +235,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.Reconnecting) !==
oldValues.get(RoomEvent.Reconnecting)
oldValues.get(RoomEvent.Reconnecting)
) {
this.room?.removeAllListeners(RoomEvent.Reconnecting);
if (this.roomEvents.get(RoomEvent.Reconnecting)) {
@ -248,7 +248,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.Reconnected) !==
oldValues.get(RoomEvent.Reconnected)
oldValues.get(RoomEvent.Reconnected)
) {
this.room?.removeAllListeners(RoomEvent.Reconnected);
if (this.roomEvents.get(RoomEvent.Reconnected)) {
@ -261,7 +261,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.Disconnected) !==
oldValues.get(RoomEvent.Disconnected)
oldValues.get(RoomEvent.Disconnected)
) {
this.room?.removeAllListeners(RoomEvent.Disconnected);
if (this.roomEvents.get(RoomEvent.Disconnected)) {
@ -278,7 +278,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.ConnectionStateChanged) !==
oldValues.get(RoomEvent.ConnectionStateChanged)
oldValues.get(RoomEvent.ConnectionStateChanged)
) {
this.room?.removeAllListeners(RoomEvent.ConnectionStateChanged);
if (this.roomEvents.get(RoomEvent.ConnectionStateChanged)) {
@ -298,7 +298,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.MediaDevicesChanged) !==
oldValues.get(RoomEvent.MediaDevicesChanged)
oldValues.get(RoomEvent.MediaDevicesChanged)
) {
this.room?.removeAllListeners(RoomEvent.MediaDevicesChanged);
if (this.roomEvents.get(RoomEvent.MediaDevicesChanged)) {
@ -311,7 +311,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.ParticipantConnected) !==
oldValues.get(RoomEvent.ParticipantConnected)
oldValues.get(RoomEvent.ParticipantConnected)
) {
this.room?.removeAllListeners(RoomEvent.ParticipantConnected);
if (this.roomEvents.get(RoomEvent.ParticipantConnected)) {
@ -331,7 +331,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.ParticipantActive) !==
oldValues.get(RoomEvent.ParticipantActive)
oldValues.get(RoomEvent.ParticipantActive)
) {
this.room?.removeAllListeners(RoomEvent.ParticipantActive);
if (this.roomEvents.get(RoomEvent.ParticipantActive)) {
@ -351,7 +351,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.ParticipantDisconnected) !==
oldValues.get(RoomEvent.ParticipantDisconnected)
oldValues.get(RoomEvent.ParticipantDisconnected)
) {
this.room?.removeAllListeners(RoomEvent.ParticipantDisconnected);
if (this.roomEvents.get(RoomEvent.ParticipantDisconnected)) {
@ -372,7 +372,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.TrackPublished) !==
oldValues.get(RoomEvent.TrackPublished)
oldValues.get(RoomEvent.TrackPublished)
) {
this.room?.removeAllListeners(RoomEvent.TrackPublished);
if (this.roomEvents.get(RoomEvent.TrackPublished)) {
@ -398,7 +398,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.TrackSubscribed) !==
oldValues.get(RoomEvent.TrackSubscribed)
oldValues.get(RoomEvent.TrackSubscribed)
) {
this.room?.removeAllListeners(RoomEvent.TrackSubscribed);
if (this.roomEvents.get(RoomEvent.TrackSubscribed)) {
@ -437,7 +437,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.TrackSubscriptionFailed) !==
oldValues.get(RoomEvent.TrackSubscriptionFailed)
oldValues.get(RoomEvent.TrackSubscriptionFailed)
) {
this.room?.removeAllListeners(RoomEvent.TrackSubscriptionFailed);
if (this.roomEvents.get(RoomEvent.TrackSubscriptionFailed)) {
@ -451,7 +451,8 @@ export class OpenviduInstanceComponent {
this.updateEventList(
RoomEvent.TrackSubscriptionFailed,
{ trackSid, participant },
`${participant.identity} (${trackSid}). Reason: ${reason ? SubscriptionError[reason] : reason
`${participant.identity} (${trackSid}). Reason: ${
reason ? SubscriptionError[reason] : reason
}`
);
}
@ -462,7 +463,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.TrackUnpublished) !==
oldValues.get(RoomEvent.TrackUnpublished)
oldValues.get(RoomEvent.TrackUnpublished)
) {
this.room?.removeAllListeners(RoomEvent.TrackUnpublished);
if (this.roomEvents.get(RoomEvent.TrackUnpublished)) {
@ -485,7 +486,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.TrackUnsubscribed) !==
oldValues.get(RoomEvent.TrackUnsubscribed)
oldValues.get(RoomEvent.TrackUnsubscribed)
) {
this.room?.removeAllListeners(RoomEvent.TrackUnsubscribed);
if (this.roomEvents.get(RoomEvent.TrackUnsubscribed)) {
@ -526,7 +527,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.TrackMuted) !==
oldValues.get(RoomEvent.TrackMuted)
oldValues.get(RoomEvent.TrackMuted)
) {
this.room?.removeAllListeners(RoomEvent.TrackMuted);
if (this.roomEvents.get(RoomEvent.TrackMuted)) {
@ -546,7 +547,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.TrackUnmuted) !==
oldValues.get(RoomEvent.TrackUnmuted)
oldValues.get(RoomEvent.TrackUnmuted)
) {
this.room?.removeAllListeners(RoomEvent.TrackUnmuted);
if (this.roomEvents.get(RoomEvent.TrackUnmuted)) {
@ -566,7 +567,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.LocalTrackPublished) !==
oldValues.get(RoomEvent.LocalTrackPublished)
oldValues.get(RoomEvent.LocalTrackPublished)
) {
this.room?.removeAllListeners(RoomEvent.LocalTrackPublished);
if (this.roomEvents.get(RoomEvent.LocalTrackPublished)) {
@ -594,7 +595,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.LocalTrackUnpublished) !==
oldValues.get(RoomEvent.LocalTrackUnpublished)
oldValues.get(RoomEvent.LocalTrackUnpublished)
) {
this.room?.removeAllListeners(RoomEvent.LocalTrackUnpublished);
if (this.roomEvents.get(RoomEvent.LocalTrackUnpublished)) {
@ -618,7 +619,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.LocalAudioSilenceDetected) !==
oldValues.get(RoomEvent.LocalAudioSilenceDetected)
oldValues.get(RoomEvent.LocalAudioSilenceDetected)
) {
this.room?.removeAllListeners(RoomEvent.LocalAudioSilenceDetected);
if (this.roomEvents.get(RoomEvent.LocalAudioSilenceDetected)) {
@ -638,7 +639,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.ParticipantMetadataChanged) !==
oldValues.get(RoomEvent.ParticipantMetadataChanged)
oldValues.get(RoomEvent.ParticipantMetadataChanged)
) {
this.room?.removeAllListeners(RoomEvent.ParticipantMetadataChanged);
if (this.roomEvents.get(RoomEvent.ParticipantMetadataChanged)) {
@ -658,7 +659,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.ParticipantNameChanged) !==
oldValues.get(RoomEvent.ParticipantNameChanged)
oldValues.get(RoomEvent.ParticipantNameChanged)
) {
this.room?.removeAllListeners(RoomEvent.ParticipantNameChanged);
if (this.roomEvents.get(RoomEvent.ParticipantNameChanged)) {
@ -678,7 +679,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.ParticipantPermissionsChanged) !==
oldValues.get(RoomEvent.ParticipantPermissionsChanged)
oldValues.get(RoomEvent.ParticipantPermissionsChanged)
) {
this.room?.removeAllListeners(RoomEvent.ParticipantPermissionsChanged);
if (this.roomEvents.get(RoomEvent.ParticipantPermissionsChanged)) {
@ -691,7 +692,8 @@ export class OpenviduInstanceComponent {
this.updateEventList(
RoomEvent.ParticipantPermissionsChanged,
{ prevPermissions, participant },
`${participant.identity
`${
participant.identity
} (previous: ${prevPermissions}, new: ${JSON.stringify(
participant.permissions
)}`
@ -704,7 +706,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.ActiveSpeakersChanged) !==
oldValues.get(RoomEvent.ActiveSpeakersChanged)
oldValues.get(RoomEvent.ActiveSpeakersChanged)
) {
this.room?.removeAllListeners(RoomEvent.ActiveSpeakersChanged);
if (this.roomEvents.get(RoomEvent.ActiveSpeakersChanged)) {
@ -728,7 +730,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.RoomMetadataChanged) !==
oldValues.get(RoomEvent.RoomMetadataChanged)
oldValues.get(RoomEvent.RoomMetadataChanged)
) {
this.room?.removeAllListeners(RoomEvent.RoomMetadataChanged);
if (this.roomEvents.get(RoomEvent.RoomMetadataChanged)) {
@ -745,7 +747,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.DataReceived) !==
oldValues.get(RoomEvent.DataReceived)
oldValues.get(RoomEvent.DataReceived)
) {
this.room?.removeAllListeners(RoomEvent.DataReceived);
if (this.roomEvents.get(RoomEvent.DataReceived)) {
@ -771,7 +773,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.ConnectionQualityChanged) !==
oldValues.get(RoomEvent.ConnectionQualityChanged)
oldValues.get(RoomEvent.ConnectionQualityChanged)
) {
this.room?.removeAllListeners(RoomEvent.ConnectionQualityChanged);
if (this.roomEvents.get(RoomEvent.ConnectionQualityChanged)) {
@ -791,7 +793,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.MediaDevicesError) !==
oldValues.get(RoomEvent.MediaDevicesError)
oldValues.get(RoomEvent.MediaDevicesError)
) {
this.room?.removeAllListeners(RoomEvent.MediaDevicesError);
if (this.roomEvents.get(RoomEvent.MediaDevicesError)) {
@ -811,7 +813,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.TrackStreamStateChanged) !==
oldValues.get(RoomEvent.TrackStreamStateChanged)
oldValues.get(RoomEvent.TrackStreamStateChanged)
) {
this.room?.removeAllListeners(RoomEvent.TrackStreamStateChanged);
if (this.roomEvents.get(RoomEvent.TrackStreamStateChanged)) {
@ -835,7 +837,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.TrackSubscriptionPermissionChanged) !==
oldValues.get(RoomEvent.TrackSubscriptionPermissionChanged)
oldValues.get(RoomEvent.TrackSubscriptionPermissionChanged)
) {
this.room?.removeAllListeners(
RoomEvent.TrackSubscriptionPermissionChanged
@ -861,7 +863,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.TrackSubscriptionStatusChanged) !==
oldValues.get(RoomEvent.TrackSubscriptionStatusChanged)
oldValues.get(RoomEvent.TrackSubscriptionStatusChanged)
) {
this.room?.removeAllListeners(RoomEvent.TrackSubscriptionStatusChanged);
if (this.roomEvents.get(RoomEvent.TrackSubscriptionStatusChanged)) {
@ -885,7 +887,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.AudioPlaybackStatusChanged) !==
oldValues.get(RoomEvent.AudioPlaybackStatusChanged)
oldValues.get(RoomEvent.AudioPlaybackStatusChanged)
) {
this.room?.removeAllListeners(RoomEvent.AudioPlaybackStatusChanged);
if (this.roomEvents.get(RoomEvent.AudioPlaybackStatusChanged)) {
@ -905,7 +907,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.SignalConnected) !==
oldValues.get(RoomEvent.SignalConnected)
oldValues.get(RoomEvent.SignalConnected)
) {
this.room?.removeAllListeners(RoomEvent.SignalConnected);
if (this.roomEvents.get(RoomEvent.SignalConnected)) {
@ -918,7 +920,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.RecordingStatusChanged) !==
oldValues.get(RoomEvent.RecordingStatusChanged)
oldValues.get(RoomEvent.RecordingStatusChanged)
) {
this.room?.removeAllListeners(RoomEvent.RecordingStatusChanged);
if (this.roomEvents.get(RoomEvent.RecordingStatusChanged)) {
@ -938,7 +940,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.ParticipantEncryptionStatusChanged) !==
oldValues.get(RoomEvent.ParticipantEncryptionStatusChanged)
oldValues.get(RoomEvent.ParticipantEncryptionStatusChanged)
) {
this.room?.removeAllListeners(
RoomEvent.ParticipantEncryptionStatusChanged
@ -960,7 +962,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.EncryptionError) !==
oldValues.get(RoomEvent.EncryptionError)
oldValues.get(RoomEvent.EncryptionError)
) {
this.room?.removeAllListeners(RoomEvent.EncryptionError);
if (this.roomEvents.get(RoomEvent.EncryptionError)) {
@ -977,7 +979,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.DCBufferStatusChanged) !==
oldValues.get(RoomEvent.DCBufferStatusChanged)
oldValues.get(RoomEvent.DCBufferStatusChanged)
) {
this.room?.removeAllListeners(RoomEvent.DCBufferStatusChanged);
if (this.roomEvents.get(RoomEvent.DCBufferStatusChanged)) {
@ -997,7 +999,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.ActiveDeviceChanged) !==
oldValues.get(RoomEvent.ActiveDeviceChanged)
oldValues.get(RoomEvent.ActiveDeviceChanged)
) {
this.room?.removeAllListeners(RoomEvent.ActiveDeviceChanged);
if (this.roomEvents.get(RoomEvent.ActiveDeviceChanged)) {
@ -1017,7 +1019,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.LocalTrackSubscribed) !==
oldValues.get(RoomEvent.LocalTrackSubscribed)
oldValues.get(RoomEvent.LocalTrackSubscribed)
) {
this.room?.removeAllListeners(RoomEvent.LocalTrackSubscribed);
if (this.roomEvents.get(RoomEvent.LocalTrackSubscribed)) {
@ -1040,7 +1042,7 @@ export class OpenviduInstanceComponent {
if (
firstTime ||
this.roomEvents.get(RoomEvent.TranscriptionReceived) !==
oldValues.get(RoomEvent.TranscriptionReceived)
oldValues.get(RoomEvent.TranscriptionReceived)
) {
this.room?.unregisterTextStreamHandler('lk.transcription');
if (this.roomEvents.get(RoomEvent.TranscriptionReceived)) {
@ -1055,7 +1057,8 @@ export class OpenviduInstanceComponent {
? ('finalTranscription' as any)
: ('interimTranscription' as any),
{ participant: participantInfo.identity, message },
`${participantInfo.identity} ${isFinal ? 'said' : 'is saying'
`${participantInfo.identity} ${
isFinal ? 'said' : 'is saying'
}: ${message}`,
isFinal ? 'RoomEvent' : 'RoomEvent-InterimTranscription'
);
@ -1174,7 +1177,7 @@ export class OpenviduInstanceComponent {
if (
!!this.room &&
JSON.stringify(Array.from(this.roomEvents.entries())) !==
JSON.stringify(Array.from(oldValues.entries()))
JSON.stringify(Array.from(oldValues.entries()))
) {
this.setupRoomEventListeners(oldValues, false);
}
@ -1229,6 +1232,7 @@ export class OpenviduInstanceComponent {
data: {
title: 'PCTransports info',
updateFunction,
updateInterval: 0,
},
minWidth: '50vh',
});

9
openvidu-testapp/src/app/components/video-track/video-track.component.ts
View File

@ -11,10 +11,10 @@ import { TestFeedService } from 'src/app/services/test-feed.service';
import { InfoDialogComponent } from '../dialogs/info-dialog/info-dialog.component';
@Component({
selector: 'app-video-track',
templateUrl: './video-track.component.html',
styleUrls: ['./video-track.component.css'],
standalone: false
selector: 'app-video-track',
templateUrl: './video-track.component.html',
styleUrls: ['./video-track.component.css'],
standalone: false,
})
export class VideoTrackComponent extends TrackComponent {
muteVideoIcon: string = 'videocam';
@ -96,6 +96,7 @@ export class VideoTrackComponent extends TrackComponent {
title: 'Video Track Layers Info',
subtitle: this.finalElementRefId,
updateFunction,
updateInterval: 700,
},
});
}