Polish navigation and pipeline flow
This commit is contained in:
iye
+268
-24
@@ -348,9 +348,78 @@
|
||||
|
||||
---
|
||||
|
||||
## 5. 待继续确认页面
|
||||
## 5. Stage 3 故事板页（已确认原则，待细化）
|
||||
|
||||
### 页面定位
|
||||
|
||||
故事板页是可选的预览步骤，不是视频生成的必经步骤。
|
||||
|
||||
### 已确认原则
|
||||
|
||||
- 故事板不是一定要生成。
|
||||
- 用户可以跳过故事板，直接进入视频生成。
|
||||
- 故事板的价值是提前预览视频大致画面和内容。
|
||||
- 故事板有时会固定最终视频画面，反而可能让视频生成效果不如不使用故事板。
|
||||
- 因此故事板不能作为强制前置条件。
|
||||
- Stage 3 应该提供“生成故事板预览”和“跳过，直接生成视频”两条路径。
|
||||
- 如果用户跳过故事板，Stage 4 直接基于脚本和基础资产生成视频。
|
||||
- 故事板提示词直接在原提示词基础上修改。
|
||||
- 暂不做独立 AI 辅助输入框或 AI 聊天式提示词修改。
|
||||
- 故事板绑定资产需要展示，但只做轻量引用说明。
|
||||
- 绑定资产默认不展示缩略图。
|
||||
- 绑定资产用文字标签 / 资产引用标签展示。
|
||||
- Hover / Popover 时展示资产详情。
|
||||
- Stage 3 不直接编辑资产，修改资产需要回到 Stage 2。
|
||||
- 如果绑定资产在 Stage 2 被替换，Stage 3 显示“绑定资产已更新，建议重新生成故事板”。
|
||||
|
||||
### 绑定资产展示
|
||||
|
||||
绑定资产展示的是引用关系，而不是图片预览。
|
||||
|
||||
示例：
|
||||
|
||||
- 商品：补水面膜
|
||||
- 人物：女主、同事
|
||||
- 场景：卫生间、书桌
|
||||
|
||||
或以标签形式展示：
|
||||
|
||||
- 商品 · 补水面膜
|
||||
- 人物 · 女主
|
||||
- 人物 · 同事
|
||||
- 场景 · 卫生间
|
||||
|
||||
Hover 详情示例：
|
||||
|
||||
- 商品 · 补水面膜
|
||||
- 商品图数量
|
||||
- 商品三视图状态
|
||||
- 来源：商品库
|
||||
- 操作：查看 / 去基础资产修改
|
||||
|
||||
- 人物 · 女主
|
||||
- 当前立绘状态
|
||||
- 人物三视图状态
|
||||
- 来源：项目内 / 人物库
|
||||
- 操作：查看 / 去基础资产修改
|
||||
|
||||
### 提示词编辑
|
||||
|
||||
- 用户直接在原本提示词基础上修改。
|
||||
- 提示词就是重新生成故事板的依据。
|
||||
- 第一版不做 AI 辅助修改提示词。
|
||||
- 可保留恢复原始提示词、重新生成等基础操作。
|
||||
|
||||
### 待继续确认
|
||||
|
||||
- 故事板是否进入页面后自动生成，还是由用户点击生成。
|
||||
- 生成视频时，已生成故事板是否默认作为参考，还是由用户选择是否使用。
|
||||
- 故事板历史版本如何展示。
|
||||
|
||||
---
|
||||
|
||||
## 6. 待继续确认页面
|
||||
|
||||
- Stage 4 视频页
|
||||
- Stage 5 拼接导出页
|
||||
- 商品库 / 商品详情
|
||||
- 资产库
|
||||
@@ -363,38 +432,213 @@
|
||||
|
||||
---
|
||||
|
||||
## 5. Stage 3 故事板页
|
||||
## 7. Stage 5 拼接导出页
|
||||
|
||||
### 页面定位
|
||||
|
||||
故事板页用于在生成视频前，让用户清晰看到接下来这条 15s 视频的大致内容和画面走向。
|
||||
拼接导出页是最终成片工作台。
|
||||
它负责把 Stage 4 采用的 AI 视频片段、用户上传的视频、资产库视频等素材自由拼接，并完成字幕、BGM、转场和导出。
|
||||
|
||||
### 布局方向
|
||||
|
||||
参考剪映 / CapCut 的基础剪辑布局，但只保留轻量功能。
|
||||
|
||||
页面区域：
|
||||
|
||||
- 顶部：项目名、Stage 导航、导出状态
|
||||
- 左侧：素材池
|
||||
- 中间上方：成片预览播放器
|
||||
- 右侧：属性设置
|
||||
- 底部：时间线
|
||||
|
||||
### 素材池
|
||||
|
||||
素材池包含：
|
||||
|
||||
- AI 生成视频片段
|
||||
- 上传视频
|
||||
- 批量上传视频
|
||||
- 从资产库选择视频
|
||||
|
||||
上传视频时支持勾选：
|
||||
|
||||
- 保存到资产库，供以后复用
|
||||
|
||||
默认不勾选，避免资产库变乱。
|
||||
|
||||
### 时间线
|
||||
|
||||
第一版只做单主轨轻剪辑。
|
||||
|
||||
支持：
|
||||
|
||||
- 自动放入 Stage 4 当前采用的 AI 视频片段，按顺序排列
|
||||
- 拖拽排序
|
||||
- 添加上传视频
|
||||
- 删除片段
|
||||
- 替换片段
|
||||
- 裁剪起止点
|
||||
|
||||
不做：
|
||||
|
||||
- 多轨自由叠加
|
||||
- 关键帧
|
||||
- 复杂音频混音
|
||||
- 速度曲线
|
||||
- 画中画
|
||||
- 蒙版
|
||||
- 贴纸 / 复杂特效
|
||||
|
||||
### 裁剪
|
||||
|
||||
需要支持裁剪。
|
||||
|
||||
选中时间线片段后，右侧属性区显示：
|
||||
|
||||
- 开始时间
|
||||
- 结束时间
|
||||
- 当前片段时长
|
||||
- 应用裁剪
|
||||
|
||||
时间线片段两侧可保留轻量拖拽手柄。
|
||||
|
||||
### 字幕
|
||||
|
||||
字幕默认自动添加。
|
||||
|
||||
规则：
|
||||
|
||||
- 进入 Stage 5 后，系统根据脚本台词 / 旁白自动生成字幕。
|
||||
- 字幕默认开启。
|
||||
- 用户可以关闭字幕。
|
||||
- 用户可以编辑字幕文字和时间。
|
||||
- 第一版不强制支持识别用户上传视频语音生成字幕。
|
||||
|
||||
右侧属性区默认展示：
|
||||
|
||||
- 字幕开关
|
||||
- 字幕来源：脚本台词
|
||||
- 字幕样式
|
||||
- 编辑字幕入口
|
||||
|
||||
字幕编辑使用轻量面板，不做复杂字幕工作台。
|
||||
|
||||
示例：
|
||||
|
||||
- 00:00 - 00:03 熬夜后皮肤干到起皮？
|
||||
- 00:03 - 00:06 这片补水面膜我最近一直在用。
|
||||
- 00:06 - 00:10 敷完脸会明显更透亮。
|
||||
|
||||
### BGM / 转场 / 导出
|
||||
|
||||
右侧属性区包含：
|
||||
|
||||
- BGM 开关
|
||||
- BGM 选择
|
||||
- 原声 / BGM 音量
|
||||
- 转场开关
|
||||
- 转场类型
|
||||
- 导出比例，默认 9:16
|
||||
- 清晰度，默认 1080P
|
||||
- 格式，默认 MP4
|
||||
|
||||
BGM 默认开启，用户可修改或关闭。
|
||||
转场默认开启，用户可修改或关闭。
|
||||
|
||||
### 导出成功
|
||||
|
||||
导出成功后不新增独立页面。
|
||||
在 Stage 5 当前页面展示导出成功状态 / 结果面板。
|
||||
|
||||
导出中：
|
||||
|
||||
- 显示导出进度。
|
||||
|
||||
导出成功后展示：
|
||||
|
||||
- 成片预览播放器
|
||||
- 下载 MP4
|
||||
- 复制链接
|
||||
- 查看成片资产
|
||||
- 继续编辑
|
||||
- 返回视频项目
|
||||
|
||||
导出成功后：
|
||||
|
||||
- 项目状态标记为已完成。
|
||||
- 成片自动进入项目资产。
|
||||
|
||||
后续如果接入平台发布能力，再增加发布入口；第一版不做独立发布页。
|
||||
|
||||
---
|
||||
|
||||
## 6. Stage 4 视频页
|
||||
|
||||
### 页面定位
|
||||
|
||||
视频页只用于 AI 生成视频片段。
|
||||
用户上传视频、使用自己的视频、与 AI 视频混合拼接，都放到 Stage 5 拼接导出页处理。
|
||||
|
||||
### 核心原则
|
||||
|
||||
- 不做分镜级故事板。
|
||||
- 不按每个镜头单独生成故事板。
|
||||
- 故事板按照“一条视频”的完整时长来展示。
|
||||
- 当前版本单条视频上限是 15s，因此故事板就是这条 15s 视频的整体视觉预览。
|
||||
- 故事板需要让用户一眼明白：等下这条视频会讲什么、画面如何推进、商品如何出现。
|
||||
- 视频生成以片段为单位。
|
||||
- 每段视频独立生成。
|
||||
- 单个视频生成片段上限是 15s。
|
||||
- 长视频由多个 15s 内的视频片段组成，后续在 Stage 5 拼接。
|
||||
- 视频一次只生成 1 条候选。
|
||||
- 首次进入视频页后，AI 可以自动生成视频，不需要用户手动点击生成。
|
||||
- 视频有自己的生成提示词。
|
||||
- 用户可以直接修改视频提示词。
|
||||
- 用户可以不改提示词直接重跑。
|
||||
- 每次重跑保留历史版本。
|
||||
- 用户可以从历史版本中回选满意的一版。
|
||||
|
||||
### 与脚本页的关系
|
||||
### 视频来源
|
||||
|
||||
- Stage 1 脚本页仍然可以按读秒流分镜展示，方便用户细看脚本。
|
||||
- Stage 3 故事板页不继承“每个分镜一张图”的结构。
|
||||
- 故事板应总结整条 15s 视频，而不是把脚本分镜逐张拆开。
|
||||
Stage 4 只展示和管理 AI 生成视频片段。
|
||||
|
||||
### 初步页面方向
|
||||
每个 AI 片段的视频来源是：
|
||||
|
||||
主体重点应放在一张完整故事板 / 故事板预览上。
|
||||
- 当前采用的 AI 生成版本
|
||||
- AI 历史版本中的某一版
|
||||
|
||||
页面需要展示：
|
||||
### 故事板使用
|
||||
|
||||
- 当前视频脚本摘要
|
||||
- 使用的商品资产、人物资产、场景资产
|
||||
- 故事板整体预览
|
||||
- 生成状态
|
||||
- 重新生成 / 调整提示词 / 采用当前版本
|
||||
- 历史版本回选
|
||||
如果当前片段有故事板，默认使用故事板生成视频。
|
||||
|
||||
故事板可重跑。
|
||||
每次重跑保留历史版本，用户可以在历史版本中选择满意的一版。
|
||||
原因：
|
||||
|
||||
- 对小白用户来说，“使用 / 不使用故事板”解释成本高。
|
||||
- 用户既然生成了故事板，视频结果和故事板不一致时容易产生困惑。
|
||||
|
||||
Stage 4 可以允许用户修改是否使用故事板，但默认不主动要求用户选择。
|
||||
|
||||
### 页面结构初稿
|
||||
|
||||
左侧：
|
||||
|
||||
- 片段列表
|
||||
- 每段显示时间范围、来源、生成状态、当前采用版本
|
||||
|
||||
中间：
|
||||
|
||||
- 当前片段视频预览 / 生成状态
|
||||
- 视频播放器
|
||||
- 当前采用版本标识
|
||||
|
||||
右侧：
|
||||
|
||||
- 视频提示词编辑器
|
||||
- 故事板使用状态 / 可修改
|
||||
- 绑定输入资产引用
|
||||
- 视频历史版本
|
||||
|
||||
底部：
|
||||
|
||||
- 重新生成
|
||||
- 采用当前版本
|
||||
- 进入拼接导出
|
||||
|
||||
### 待继续确认
|
||||
|
||||
- 视频历史版本如何展示。
|
||||
|
||||
Reference in New Issue
Block a user