feat: implement video site per README spec

- Express + EJS + express-session stack (auth/navbar ported from minecraft_launcher) - Public: main folder list, folder video grid, internal popup player (/player/:videoId) - Admin (/op): login, folder CRUD with right-click context menu + add-folder modal - Admin folder: video grid with right-click edit/rename/delete, "영상 추가" -> editor - Video editor: drag-drop upload, file picker, YouTube URL probe (ETA + 5분 경고), background yt-dlp download with progress polling, navbar title edit, trim controls, save runs ffmpeg trim (original preserved) - Filesystem storage under data/folders/<name>/<videoId>/{meta.json, original.<ext>, edited.<ext>} Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-05-15 16:42:00 +09:00
parent 8d13d155de
commit 0db04cf5cd
30 changed files with 3300 additions and 0 deletions
--- a/views/folder.ejs
+++ b/views/folder.ejs
@@ -0,0 +1,50 @@
+<!doctype html>
+<html lang="ko">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title><%= folder %> · 비디오 사이트</title>
+  <link rel="stylesheet" href="/static/styles.css" />
+</head>
+<body class="siteBody">
+  <header class="publicNav">
+    <a class="navBrand" href="/">
+      <span class="navLogo">🎬</span>
+      <span class="navTitle">비디오 사이트</span>
+    </a>
+    <a class="secondaryButton" href="/op">관리자</a>
+  </header>
+
+  <main class="pageWrap">
+    <section class="hero">
+      <a class="muted" href="/">← 폴더 목록</a>
+      <h1>📁 <%= folder %></h1>
+    </section>
+
+    <section class="videoGrid">
+      <% if (videos.length === 0) { %>
+        <p class="muted">이 폴더에 영상이 없습니다.</p>
+      <% } %>
+      <% videos.forEach(function (v) { %>
+        <button type="button" class="videoCard" data-video-id="<%= v.id %>">
+          <div class="videoThumb">▶</div>
+          <div class="videoTitle"><%= v.title %></div>
+        </button>
+      <% }) %>
+    </section>
+  </main>
+
+  <div class="playerOverlay" id="playerOverlay" hidden>
+    <div class="playerModal" role="dialog" aria-modal="true">
+      <button type="button" class="playerClose" id="playerClose" aria-label="닫기">✕</button>
+      <div class="playerTitle" id="playerTitle"></div>
+      <video id="playerVideo" controls preload="metadata"></video>
+    </div>
+  </div>
+
+  <script>
+    window.__SITE__ = { folder: <%- JSON.stringify(folder) %> }
+  </script>
+  <script src="/static/player.js"></script>
+</body>
+</html>