use extracted video/audio thumbnail in preview player

openbroadcaster · Aug 11, 2024 · 6be3f0d · 6be3f0d
1 parent dca4379
commit 6be3f0d
Showing 1 changed file with 7 additions and 8 deletions.
diff --git a/ui/elements/preview.js b/ui/elements/preview.js
@@ -157,17 +157,15 @@ class OBElementPreview extends OBElement {
         const videoElem = this.root.querySelector("video-js");
         if (videoElem) {
             let elem = this;
+            let thumbnailId = this.#queue[this.#itemId].id;
+            let thumbnailLink = "/thumbnail.php?id=" + thumbnailId;
+            let validThumbnail = (await fetch(thumbnailLink)).ok;
+            if (!validThumbnail) {
+                thumbnailLink = "/images/circle.svg";
+            }
 
             switch (this.#itemType) {
                 case "audio":
-                    let thumbnailId = this.#queue[this.#itemId].id;
-                    let thumbnailLink =
-                        "/preview.php?x=" + new Date().getTime() + "&id=" + thumbnailId + "&thumbnail=1";
-                    let validThumbnail = (await fetch(thumbnailLink)).ok;
-                    if (!validThumbnail) {
-                        thumbnailLink = "/images/circle.svg";
-                    }
-
                     this.#videojsPlayer = videojs(videoElem, {
                         controls: true,
                         preload: "auto",
@@ -186,6 +184,7 @@ class OBElementPreview extends OBElement {
                     this.#videojsPlayer = videojs(videoElem, {
                         controls: true,
                         preload: "auto",
+                        poster: thumbnailLink,
                     });
 
                     this.#videojsPlayer.ready(function () {