41 lines
1.2 KiB
HTML
41 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>AI 全自动短视频生成器</title>
|
||
<link rel="stylesheet" href="/static/style.css" />
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<h1>🎬 AI 全自动短视频生成器</h1>
|
||
<p class="sub">输入一个主题，自动生成脚本、配音、字幕和视频</p>
|
||
|
||
<div class="form">
|
||
<label>主题</label>
|
||
<input id="topic" type="text" placeholder="例如：人工智能的未来" />
|
||
|
||
<label>场景数量（1-8）</label>
|
||
<input id="scenes" type="number" value="5" min="1" max="8" />
|
||
|
||
<label>语速</label>
|
||
<input id="rate" type="number" value="160" min="80" max="260" />
|
||
|
||
<button id="btn">开始生成</button>
|
||
</div>
|
||
|
||
<div id="status" class="status"></div>
|
||
|
||
<div id="result" class="result hidden">
|
||
<h2>生成结果</h2>
|
||
<video id="video" controls></video>
|
||
<p><a id="download" href="#" download>下载视频</a></p>
|
||
<h3>脚本</h3>
|
||
<ol id="script"></ol>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="/static/main.js"></script>
|
||
</body>
|
||
</html>
|