From 79fc95f1b7b4b4fe4f4c927178770e6d9f807ad0 Mon Sep 17 00:00:00 2001
From: seaislee1209 <seaislee@sohu.com>
Date: Tue, 23 Jun 2026 18:23:57 +0800
Subject: [PATCH] =?UTF-8?q?fix(video):=20=E8=A7=86=E9=A2=91=E5=8D=A1?=
 =?UTF-8?q?=E7=94=A8=E9=A6=96=E5=B8=A7=E5=BD=93=E5=B0=81=E9=9D=A2(#t=3D0.1?=
 =?UTF-8?q?),=E4=B8=8D=E5=86=8D=E6=98=BE=E7=A4=BA=E7=A9=BA=E7=99=BD?=
 =?UTF-8?q?=E5=8D=A0=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

<video preload="metadata"> 不解码画面、又没 poster(后端抽帧没产出 poster 文件)→ 卡片空白。
给缩略图视频地址加 #t=0.1,浏览器跳到 0.1s 渲染该帧当封面;取的是当前采用版 mp4(=最新版)。
改:视频卡缩略图 + 详情弹窗历史版本缩略图。

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 core/frontend/src/routes/pipeline.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/core/frontend/src/routes/pipeline.tsx b/core/frontend/src/routes/pipeline.tsx
index 7b99833..6f4ff5a 100644
--- a/core/frontend/src/routes/pipeline.tsx
+++ b/core/frontend/src/routes/pipeline.tsx
@@ -3148,7 +3148,7 @@ export function PipelinePage(props: {
                       <div className="video-card" key={seg.id} data-video-id={seg.id}>
                         <div className="placeholder video-thumb" style={{ position: "relative", overflow: "hidden" }} role="button" tabIndex={0} title="点击查看详情(历史版本/提示词/重跑)" onClick={() => openVideoDetail(seg.id)} onKeyDown={(event) => { if (event.key === "Enter" || event.key === " ") { event.preventDefault(); openVideoDetail(seg.id); } }}>
                           {url
-                            ? <video src={url} muted playsInline preload="metadata" style={{ position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover", borderRadius: "inherit" }} />
+                            ? <video src={`${url}#t=0.1`} muted playsInline preload="metadata" style={{ position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover", borderRadius: "inherit" }} />
                             : <span className="ph-frame">场 {seg.sort_order + 1}</span>}
                           {url && !showBusy && <div className="play"><div className="btn-play"><Play size={14} fill="currentColor" /></div></div>}
                           {showBusy && <span className="sb-gen-veil" aria-hidden="true"><span className="spinner" /></span>}
@@ -3604,7 +3604,7 @@ export function PipelinePage(props: {
                         {vdVersions.length ? vdVersions.map((v) => (
                           <div className={`vd-history-thumb${v.id === vdVer?.id ? " current" : ""}${v.is_adopted ? " adopted" : ""}`} key={v.id} role="button" tabIndex={0} title={v.is_adopted ? "已采用版本" : "点击查看该版本"} onClick={() => setVdVerId(v.id)} onKeyDown={(event) => { if (event.key === "Enter" || event.key === " ") { event.preventDefault(); setVdVerId(v.id); } }}>
                             <div className="placeholder" style={{ position: "relative", overflow: "hidden" }}>
-                              {v.asset_url && <video src={v.asset_url} muted playsInline preload="metadata" style={{ position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover" }} />}
+                              {v.asset_url && <video src={`${v.asset_url}#t=0.1`} muted playsInline preload="metadata" style={{ position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover" }} />}
                             </div>
                             <div className="ts">{(v.created_at || "").slice(11, 16) || "--:--"}</div>
                           </div>