From ed2fa45d59400af93300c0b44e8ca93b6b6b5705 Mon Sep 17 00:00:00 2001
From: pabloFuente <pablofuenteperez@gmail.com>
Date: Mon, 28 Oct 2024 14:30:22 +0100
Subject: [PATCH] openvidu-testapp: show codec in video track info window

---
 .../components/video-track/video-track.component.ts    | 10 ++++++++++
 1 file changed, 10 insertions(+)

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 15e1868a9..93be9b017 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
@@ -63,7 +63,12 @@ export class VideoTrackComponent extends TrackComponent {
     const updateFunction = async (): Promise<string> => {
       const videoLayers: any[] = [];
       let stats = await (this._track! as VideoTrack).getRTCStatsReport();
+      let codecs = new Map();
       stats?.forEach((report) => {
+        if (report.type === 'codec') {
+          // Store for matching with codecId in 'outbound-rtp' or 'inbound-rtp' reports
+          codecs.set(report.id, report);
+        }
         if (report.type === 'outbound-rtp' || report.type === 'inbound-rtp') {
           videoLayers.push({
             codecId: report.codecId,
@@ -78,6 +83,11 @@ export class VideoTrackComponent extends TrackComponent {
           });
         }
       });
+      videoLayers.forEach((layer) => {
+        if (codecs.has(layer.codecId)) {
+          layer.codec = codecs.get(layer.codecId).mimeType;
+        }
+      });
       return JSON.stringify(videoLayers, null, 2);
     };
     this.dialog.open(InfoDialogComponent, {