Merge pull request #2 from ChanMo/release/v0.8.16

release: v0.8.16 修复集合封面视频类型渲染

Author: ChanMo

pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "TikLocal"
-version = "0.8.15"
+version = "0.8.16"
 description = "A local media server that combines the features of TikTok and Pinterest"
 authors = ["ChanMo <chan.mo@outlook.com>"]
 readme = "README.md"

tiklocal/templates/collections.html

@@ -76,7 +76,8 @@
   [data-theme="dark"] .collection-cover {
     background: linear-gradient(135deg, #1e293b, #334155);
   }
-  .collection-cover img {
+  .collection-cover img,
+  .collection-cover video {
     width: 100%;
     height: 100%;
     object-fit: cover;
@@ -354,9 +355,15 @@ <h3 class="text-sm font-semibold text-slate-900 dark:text-slate-100 mb-3">重命
         const count = Number(item.item_count || 0);
         const detail = String(item.detail_url || '#');
         const name = escapeHtml(item.name || '未命名集合');
-        const coverHtml = cover
-          ? `<img src="${cover}" alt="" loading="lazy" />`
-          : `<div class="collection-cover-empty"><i data-feather="folder"></i></div>`;
+        const coverType = String(item.cover_type || 'image');
+        let coverHtml;
+        if (!cover) {
+          coverHtml = `<div class="collection-cover-empty"><i data-feather="folder"></i></div>`;
+        } else if (coverType === 'video') {
+          coverHtml = `<video src="${cover}" muted preload="metadata" playsinline></video>`;
+        } else {
+          coverHtml = `<img src="${cover}" alt="" loading="lazy" />`;
+        }
         return `
           <article class="collection-item" data-collection-id="${id}">
             <a class="collection-card" href="${detail}">

tiklocal/templates/tiktok.html

@@ -1527,7 +1527,6 @@ <h3>加入集合</h3>
           const removeCount = 30;
           const removed = flowSession.dropHead(removeCount);
           removed.forEach((entry) => entry.el.remove());
-          setCurrentIndex(Math.max(0, getCurrentIndex() - removeCount));
         }
       } catch (error) {
         flowSession.setHasMore(false);