openvidu-components: Used proxy for requesting the recording thumbnail

openvidu-components-angular/projects/openvidu-angular/src/lib/admin/dashboard/dashboard.component.html

@@ -72,7 +72,7 @@
 									(recording.properties.outputMode === 'COMPOSED' ||
 										recording.properties.outputMode === 'COMPOSED_QUICK_START')
 								"
-								[src]="recording.thumbnailB64"
+								[src]="recording.url | thumbnailUrl"
 							/>
 							<div class="video-btns">
 								<button

openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts

@@ -18,7 +18,7 @@ import { DeleteDialogComponent } from './components/dialogs/delete-recording.com
 import { LinkifyPipe } from './pipes/linkify.pipe';
 import { TranslatePipe } from './pipes/translate.pipe';
 import { StreamTypesEnabledPipe, ParticipantStreamsPipe } from './pipes/participant.pipe';
-import { DurationFromSecondsPipe, SearchByStringPropertyPipe } from './pipes/recording.pipe';
+import { DurationFromSecondsPipe, SearchByStringPropertyPipe, ThumbnailFromUrlPipe } from './pipes/recording.pipe';
 
 import { OpenViduAngularConfig } from './config/openvidu-angular.config';
 import { CdkOverlayContainer } from './config/custom-cdk-overlay';
@@ -102,6 +102,7 @@ const privateComponents = [
 		ParticipantStreamsPipe,
 		DurationFromSecondsPipe,
 		SearchByStringPropertyPipe,
+		ThumbnailFromUrlPipe,
 		StreamTypesEnabledPipe,
 		TranslatePipe
 	],

openvidu-components-angular/projects/openvidu-angular/src/lib/pipes/recording.pipe.ts

@@ -50,3 +50,21 @@ export class SearchByStringPropertyPipe implements PipeTransform {
 		});
 	  }
 }
+
+/**
+ * @internal
+ */
+ @Pipe({
+	name: 'thumbnailUrl'
+})
+export class ThumbnailFromUrlPipe implements PipeTransform {
+	transform(url: string): string {
+		if(url.includes('.mp4')){
+			const lastPart = url.split('/').pop();
+			let thumbnailUrl = lastPart?.replace('mp4', 'jpg');
+			thumbnailUrl = `recordings/${thumbnailUrl?.split('.')[0]}/${thumbnailUrl}`;
+			return thumbnailUrl;
+		}
+		return '';
+	}
+}