xiaoxia/xiaoxia-saas
1
0
Fork 0
Code Issues 19 Pull Requests 2 Actions 3 Packages Projects Releases 7 Wiki Activity

AI数字人前端页面 + 画面插入编辑器 #1797

New Issue
Open
opened 2026-09-08 14:28:03 +08:00 by xiaoxia · 0 comments
xiaoxia commented 2026-09-08 14:28:03 +08:00
Owner
Copy Link
Copy Source

目标

新建 AI数字人 页面，整合视频选择、文案选择、声音克隆、对口型预览、画面插入编辑、标题配置、封面选择的完整工作流。

页面结构

主页面 /ai-avatar

分步引导式流程：

  1. Step 1 — 选择视频：从视频库选择出镜视频（复用现有视频库组件）
  2. Step 2 — 选择文案：从文案库选择或新建文案（调用 #1795 的文案选择弹窗）
  3. Step 3 — 声音克隆：复用现有声音克隆功能
  4. Step 4 — 对口型预览：调用 MediaKit 对口型，预览结果
  5. Step 5 — 标题配置：直接复用智能剪辑的 TitleStylePanel 组件
  6. Step 6 — 封面选择：直接复用智能剪辑的 CoverSettings 组件
  7. Step 7 — 渲染输出

插入画面（弹窗模式，可选）

不是固定步骤，而是用户在对口型预览后，点击"插入画面"按钮弹出弹窗：

  • 触发：用户主动点击"插入画面"按钮
  • 弹窗内容：
    • 文案分段列表（来自已选文案）
    • 每段可关联一个B-roll素材（从素材库选择）
    • 插入方式选择：全屏切换 / 画中画
    • 可删除已关联的素材
  • 确认：关闭弹窗，回到主流程

复用组件

  • 视频库选择器（已有）
  • 声音克隆面板（已有）
  • TitleStylePanel（从 generate 模块 import）
  • CoverSettings（从 generate 模块 import）

新开发组件

  • 文案选择弹窗
  • 画面插入弹窗（素材关联 + 全屏/画中画选择）

路由

  • 侧边栏新增"AI数字人"入口
  • 路由: /ai-avatar

约束

  • 标题/封面组件必须从 generate 模块 import，不复制代码
  • 插入画面是弹窗模式，不是固定步骤
  • 不能破坏现有智能剪辑功能
  • 响应式设计，兼容现有布局
## 目标 新建 AI数字人 页面，整合视频选择、文案选择、声音克隆、对口型预览、画面插入编辑、标题配置、封面选择的完整工作流。 ## 页面结构 ### 主页面 /ai-avatar 分步引导式流程： 1. **Step 1 — 选择视频**：从视频库选择出镜视频（复用现有视频库组件） 2. **Step 2 — 选择文案**：从文案库选择或新建文案（调用 #1795 的文案选择弹窗） 3. **Step 3 — 声音克隆**：复用现有声音克隆功能 4. **Step 4 — 对口型预览**：调用 MediaKit 对口型，预览结果 5. **Step 5 — 标题配置**：直接复用智能剪辑的 TitleStylePanel 组件 6. **Step 6 — 封面选择**：直接复用智能剪辑的 CoverSettings 组件 7. **Step 7 — 渲染输出** ### 插入画面（弹窗模式，可选） 不是固定步骤，而是用户在对口型预览后，点击"插入画面"按钮弹出弹窗： - **触发**：用户主动点击"插入画面"按钮 - **弹窗内容**： - 文案分段列表（来自已选文案） - 每段可关联一个B-roll素材（从素材库选择） - 插入方式选择：全屏切换 / 画中画 - 可删除已关联的素材 - **确认**：关闭弹窗，回到主流程 ### 复用组件 - 视频库选择器（已有） - 声音克隆面板（已有） - TitleStylePanel（从 generate 模块 import） - CoverSettings（从 generate 模块 import） ### 新开发组件 - 文案选择弹窗 - 画面插入弹窗（素材关联 + 全屏/画中画选择） ## 路由 - 侧边栏新增"AI数字人"入口 - 路由: /ai-avatar ## 约束 - 标题/封面组件必须从 generate 模块 import，不复制代码 - 插入画面是弹窗模式，不是固定步骤 - 不能破坏现有智能剪辑功能 - 响应式设计，兼容现有布局
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
P0
阻塞性，必须立即处理
 P1
高优先级
 P2
中优先级
 P3
低优先级/后考虑
 architecture
架构设计
 backend
后端相关
 blocked
阻塞中
 bug
Bug修复
 ci-bug
CI本身的bug
 ci-optimization
CI优化类任务
 ci-pipeline
CI流水线/workflow相关
 cleanup
代码清理
 devops
运维/部署/CI
 documentation
文档相关
 feature
新功能
 frontend
前端相关
 question
需要讨论确认
 ready
PR CI通过，可合并
 refactor
代码重构
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
auto-approve-bot frontend-dev xiaoxia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#1797
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?