diff --git a/openvidu-testapp/src/app/components/dialogs/info-dialog/info-dialog.component.ts b/openvidu-testapp/src/app/components/dialogs/info-dialog/info-dialog.component.ts index cb50aba9..6303eab4 100644 --- a/openvidu-testapp/src/app/components/dialogs/info-dialog/info-dialog.component.ts +++ b/openvidu-testapp/src/app/components/dialogs/info-dialog/info-dialog.component.ts @@ -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; + updateInterval: number; textAreaValue: string; @@ -26,17 +27,22 @@ export class InfoDialogComponent implements OnDestroy { title: string; subtitle: string; updateFunction: () => Promise; + 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() diff --git a/openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.ts b/openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.ts index 159805aa..b71f0a44 100644 --- a/openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.ts +++ b/openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.ts @@ -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', }); diff --git a/openvidu-testapp/src/app/components/video-track/video-track.component.ts b/openvidu-testapp/src/app/components/video-track/video-track.component.ts index d5374c4b..4d3db818 100644 --- a/openvidu-testapp/src/app/components/video-track/video-track.component.ts +++ b/openvidu-testapp/src/app/components/video-track/video-track.component.ts @@ -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, }, }); }