Merge pull request #21 from irohalab/fix-kf-preview-2

fix keyframe preview for video without preview image
irohalab · Oct 27, 2023 · f961d8e · f961d8e
2 parents c812772 + b720bba
commit f961d8e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mira-ui",
-  "version": "2.5.1",
+  "version": "2.5.2",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

diff --git a/src/app/video-player/controls/scrub-bar/scrub-bar.component.ts b/src/app/video-player/controls/scrub-bar/scrub-bar.component.ts
@@ -84,9 +84,11 @@ export class VideoPlayerScrubBar implements AfterViewInit, OnInit, OnDestroy {
 
     ngOnInit(): void {
         const videoFile= this._videoPlayer.videoFile;
-        this.previewKeyframeWidth = videoFile.kf_frame_width;
-        this.previewKeyframeHeight = videoFile.kf_frame_height;
-        this.previewBgImageUrl = videoFile.kf_image_path_list[0];
+        if (Array.isArray(videoFile.kf_image_path_list) && videoFile.kf_image_path_list.length > 0) {
+            this.previewKeyframeWidth = videoFile.kf_frame_width;
+            this.previewKeyframeHeight = videoFile.kf_frame_height;
+            this.previewBgImageUrl = videoFile.kf_image_path_list[0];
+        }
         this._subscription.add(
             this._videoPlayer.currentTime.subscribe(time => this.currentTime = time)
         );