Add standalone TRAE competition proposal
This commit is contained in:
haixin.yang
@@ -0,0 +1,33 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>Timeline Studio｜TRAE AI 创造力大赛创意方案</title>
|
||||
<style>
|
||||
:root{color-scheme:dark;--bg:#080b0e;--panel:#11171b;--line:#29343a;--cyan:#49e4d4;--blue:#7aa2ff;--text:#f2f7f8;--muted:#a9b5ba;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,rgba(73,228,212,.12),transparent 28%),var(--bg);color:var(--text);line-height:1.7}a{color:var(--cyan)}main{width:min(1120px,calc(100% - 40px));margin:auto}.nav{display:flex;justify-content:space-between;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}.brand{font-weight:800}.tag{color:var(--cyan);font-size:13px}.hero{padding:78px 0 58px;display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:center}h1{margin:12px 0 22px;font-size:clamp(48px,7vw,78px);line-height:1;letter-spacing:-.05em}h1 em{color:var(--cyan);font-style:normal}.lede{font-size:18px;color:var(--muted)}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{padding:12px 18px;border:1px solid var(--line);border-radius:10px;text-decoration:none;font-weight:750}.primary{background:linear-gradient(120deg,var(--blue),var(--cyan));color:#061113;border:0}.shot{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#0e1418;box-shadow:0 30px 80px #0008}.shot img{display:block;width:100%}.section{padding:68px 0;border-top:1px solid var(--line)}.section h2{font-size:36px;line-height:1.15;margin:0 0 28px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{padding:26px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#12191d,#0c1114)}.card b{color:var(--cyan)}.card h3{margin:10px 0}.card p,.section>p{color:var(--muted);margin:0}.value{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.value article{padding:30px;border-left:3px solid var(--cyan);background:var(--panel)}footer{padding:34px 0 50px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}@media(max-width:800px){.hero,.grid,.value{grid-template-columns:1fr}.hero{padding-top:52px}h1{font-size:52px}}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<nav class="nav"><span class="brand">Timeline Studio</span><span class="tag">TRAE AI 创造力大赛 · 学习工作赛道</span></nav>
|
||||
<section class="hero">
|
||||
<div><span class="tag">本地优先 · 开源 · 浏览器 AI</span><h1>让视频创作<br><em>留在你的设备上</em></h1><p class="lede">一个从素材、文案、AI 配音、自动字幕到多轨剪辑与导出的浏览器工作台，让个人和小团队更快、更安心地完成视频生产。</p><div class="buttons"><a class="button primary" href="https://video-editor.ai-creator.top/">在线体验 ↗</a><a class="button" href="https://github.com/MartinDelophy/ai-video-editor">查看开源代码</a></div></div>
|
||||
<div class="shot"><img src="https://raw.githubusercontent.com/MartinDelophy/ai-video-editor/main/docs/screenshots/editor-timeline.png" alt="Timeline Studio 多轨时间轴编辑界面"></div>
|
||||
</section>
|
||||
<section class="section"><h2>我们想解决的问题</h2><p>短视频、课程、产品演示和多语言内容的制作，往往需要在文案、配音、字幕、剪辑和格式转换工具之间反复切换。素材频繁上传云端，不仅拖慢流程，也带来隐私、订阅成本和字幕错位等问题。Timeline Studio 把关键步骤整合进一个可直接使用的桌面式浏览器工作区。</p></section>
|
||||
<section class="section"><h2>一个工作区，完成整条创作链路</h2><div class="grid">
|
||||
<article class="card"><b>01</b><h3>多语言 AI 配音</h3><p>中文 Piper/VITS、英文 Kokoro 及多语言浏览器语音，按需加载并生成可下载音频。</p></article>
|
||||
<article class="card"><b>02</b><h3>自动字幕</h3><p>Whisper small q8 转写、波形能量吸附与所见即所得字幕样式。</p></article>
|
||||
<article class="card"><b>03</b><h3>真实多轨时间轴</h3><p>统一编排画面、贴纸、字幕、源音频、配音和音乐，保持时间几何准确。</p></article>
|
||||
<article class="card"><b>04</b><h3>AI 音频处理</h3><p>对当前音频进行人声分离，把人声与伴奏自动放入对应轨道。</p></article>
|
||||
<article class="card"><b>05</b><h3>视觉智能</h3><p>主体检测、智能裁剪、背景移除与字幕避让，并支持完整视频时序分析。</p></article>
|
||||
<article class="card"><b>06</b><h3>数字人与浏览器导出</h3><p>兼容设备上使用 JoyVASA 与 LivePortrait，并在浏览器端完成 WebM 导出。</p></article>
|
||||
</div></section>
|
||||
<section class="section"><h2>目标用户</h2><p>面向短视频创作者、教师与课程制作者、独立开发者、小团队运营人员，以及需要快速制作产品演示或多语言内容的普通用户。上传图片、视频或音频，输入脚本并选择声音，即可在一个界面内完成生成、预览、调整和导出。</p></section>
|
||||
<section class="section"><h2>价值与意义</h2><div class="value"><article><h3>提升创作效率</h3><p>减少跨工具切换、重复上传与反复导出，让从素材到成片的路径更短。</p></article><article><h3>保护内容隐私</h3><p>核心 AI 与媒体处理尽量在浏览器本地执行，降低云端依赖，让用户掌控原始素材。</p></article></div></section>
|
||||
<section class="section"><h2>立即体验</h2><p>在线 Demo：<a href="https://video-editor.ai-creator.top/">video-editor.ai-creator.top</a><br>GitHub：<a href="https://github.com/MartinDelophy/ai-video-editor">MartinDelophy/ai-video-editor</a><br>Hugging Face Space：<a href="https://huggingface.co/spaces/haixin/timeline-studio">haixin/timeline-studio</a></p></section>
|
||||
<footer>Timeline Studio · MIT License · 为更私密、更开放的 AI 创作网络而构建</footer>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user