From 51e66271f61becb743ab502c1777c39a43cfe471 Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Fri, 7 Jun 2024 13:35:01 +0200
Subject: [PATCH] feat ui: optimize canvas recording

---
 frontend/app/player/mobile/managers/SnapshotManager.ts | 2 +-
 frontend/app/player/web/managers/CanvasManager.ts      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/app/player/mobile/managers/SnapshotManager.ts b/frontend/app/player/mobile/managers/SnapshotManager.ts
index 7c8f63a09..ad69addba 100644
--- a/frontend/app/player/mobile/managers/SnapshotManager.ts
+++ b/frontend/app/player/mobile/managers/SnapshotManager.ts
@@ -12,7 +12,7 @@ export default class SnapshotManager extends ListWalker<Timestamp> {
   private snapshots: Snapshots = {}
 
   public mapToSnapshots(files: TarFile[]) {
-    const filenameRegexp = /(\d+)_1_(\d+)\.jpeg$/;
+    const filenameRegexp = /(\d+)_1_(\d+)\.(jpeg|webp)$/;
     const firstPair = files[0].name.match(filenameRegexp)
     const sessionStart = firstPair ? parseInt(firstPair[1], 10) : 0
     files.forEach(file => {
diff --git a/frontend/app/player/web/managers/CanvasManager.ts b/frontend/app/player/web/managers/CanvasManager.ts
index a8e61cc37..ea2610ebe 100644
--- a/frontend/app/player/web/managers/CanvasManager.ts
+++ b/frontend/app/player/web/managers/CanvasManager.ts
@@ -86,7 +86,7 @@ export default class CanvasManager extends ListWalker<Timestamp> {
 
   public mapToSnapshots(files: TarFile[]) {
     const tempArr: Timestamp[] = [];
-    const filenameRegexp = /(\d+)_(\d+)_(\d+)\.webp$/;
+    const filenameRegexp = /(\d+)_(\d+)_(\d+)\.(jpeg|webp)$/;
     const firstPair = files[0].name.match(filenameRegexp);
     if (!firstPair) {
       console.error('Invalid file name format', files[0].name);