CN-JS-HuiBai/Media-Coding-Web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

使用VALKEY缓存登录装唐

Browse Source
This commit is contained in:
CN-JS-HuiBai
2026-04-04 11:49:38 +08:00
parent a55c0cc30e
commit 1195a16cf1
7 changed files with 305 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
public/index.html
View File

@@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -10,6 +11,7 @@
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css?v=2">
</head>
<body>
<div class="background-effects">
<div class="glow-orb orb-1"></div>
@@ -34,7 +36,21 @@
</div>
<div class="container hidden" id="app-container">
<div id="top-banner" class="top-banner hidden"></div>
<div id="top-banner" class="top-banner hidden">
<div id="top-banner-title" class="banner-title"></div>
<div class="user-controls">
<label>页面主题：
<select id="theme-selector">
<option value="light">白天模式</option>
<option value="dark">深夜模式</option>
</select>
</label>
<div class="user-info">
<span id="current-username"></span>
<button id="logout-btn" class="action-btn">退出登录</button>
</div>
</div>
</div>
<main class="dashboard">
<section class="video-list-section glass-panel">
@@ -75,7 +91,13 @@
<!-- Download Phase -->
<div id="download-phase" class="phase-container">
<div class="phase-icon download-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
<polyline points="7 10 12 15 17 10" />
<line x1="12" y1="15" x2="12" y2="3" />
</svg>
</div>
<h3>正在从 S3 下载源文件...</h3>
<p id="download-size-text" class="phase-detail">准备下载...</p>
@@ -89,7 +111,12 @@
<!-- Transcode Phase -->
<div id="transcode-phase" class="phase-container hidden">
<div class="phase-icon transcode-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="23 7 16 12 23 17 23 7"/><rect x="1" y="5" width="15" height="14" rx="2" ry="2"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
<polygon points="23 7 16 12 23 17 23 7" />
<rect x="1" y="5" width="15" height="14" rx="2" ry="2" />
</svg>
</div>
<h3>正在转码并流式传输...</h3>
<p id="transcode-detail-text" class="phase-detail">FFmpeg 转码中...</p>
@@ -106,7 +133,8 @@
</div>
</div>
</div>
<video id="video-player" preload="auto" controls playsinline webkit-playsinline class="hidden"></video>
<video id="video-player" preload="auto" controls playsinline webkit-playsinline
class="hidden"></video>
<div id="seeking-overlay" class="seeking-overlay hidden">
<div class="spinner"></div>
<span>跳转中...</span>
@@ -125,4 +153,5 @@
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<script src="/js/main.js?v=2"></script>
</body>
</html>
</html>