feat(thumbnails): generate and serve video thumbnails for folder cards

ffmpeg로 영상 첫 프레임을 즉석 추출해 thumb.jpg로 캐시하고
공개/관리자 폴더 카드에서 실제 썸네일을 표시한다. ffmpeg가 없거나
생성 불가하면 404로 떨어져 ▶ placeholder로 폴백한다.

Co-Authored-By: Claude Opus 4 <noreply@anthropic.com>
This commit is contained in:
Claude (owner)
2026-06-02 00:41:06 +09:00
parent 210787131b
commit 066ae6b112
5 changed files with 97 additions and 2 deletions

View File

@@ -115,10 +115,16 @@ body.siteBody.centerLayout { display: flex; align-items: center; justify-content
}
.videoCard:hover { border-color: var(--accent); }
.videoThumb {
position: relative;
aspect-ratio: 16/9; background: linear-gradient(135deg, #1f242c, #0d1117);
display: flex; align-items: center; justify-content: center;
font-size: 36px; color: var(--accent);
}
.videoThumbImg {
position: absolute; inset: 0; width: 100%; height: 100%;
object-fit: cover; display: block; background: #0d1117; z-index: 1;
}
.videoThumbPlay { position: relative; z-index: 0; }
.videoTitle { padding: 10px 12px; font-size: 14px; }
/* login */