xuejianwu/yingxiangli-duanju
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: use customer video key for demo access

Browse Source
This commit is contained in:
xuejianwu
2026-07-30 09:12:42 +08:00
parent fa1e8627e1
commit 1db9cc1f90
6 changed files with 144 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
public/index.html
View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>营响力｜AI 短剧数字人 Demo</title>
<link rel="stylesheet" href="./styles.css?v=21" />
<link rel="stylesheet" href="./styles.css?v=22" />
</head>
<body data-active-module="library">
<header class="topbar">
@@ -12,7 +12,10 @@
<span class="eyebrow">营响力 · 真实客户验证</span>
<h1>AI 短剧数字人生产</h1>
</div>
<div class="connection" id="connectionState">正在检查接口配置…</div>
<div class="topbar-actions">
<button class="key-change-button hidden" type="button" id="changeVideoKeyButton">更换视频 Key</button>
<div class="connection" id="connectionState">正在检查接口配置…</div>
</div>
</header>
<main>
@@ -262,7 +265,24 @@
</div>
</main>
<div class="key-gate hidden" id="videoKeyGate">
<form class="key-gate-card" id="videoKeyForm">
<span class="section-kicker">首次使用</span>
<h2>输入生视频 Key</h2>
<p>该 Key 用于本次客户的视频生成与费用统计，仅保存在当前浏览器。</p>
<label class="field">
<span>生视频 Key</span>
<input id="videoKeyInput" type="password" autocomplete="off" spellcheck="false" placeholder="sk-..." required />
</label>
<p class="key-gate-error hidden" id="videoKeyError"></p>
<div class="key-gate-actions">
<button class="secondary hidden" type="button" id="cancelVideoKeyButton">取消</button>
<button class="primary" type="submit">进入使用</button>
</div>
</form>
</div>
<div class="toast hidden" id="toast"></div>
<script src="./app.js?v=25"></script>
<script src="./app.js?v=26"></script>
</body>
</html>