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

feat: #1797 AI数字人前端页面v3 — 素材库选择/配音库复用/TitleStylePanel直接import #1805

Merged
xiaoxia merged 1 commits from fix/ai-avatar-v3-1797 into develop 2026-09-08 21:46:36 +08:00
Conversation 4 Commits 1 Files Changed 21
+2942 -2277
xiaoxia commented 2026-09-08 21:17:31 +08:00
Owner
Copy Link
Copy Source

#1797 AI数字人前端页面 v3 重构

基于 v1 上线后的 11 项验收反馈，按 v3 规格重写 AI 数字人页面（5 列水平面板布局）。

主要改动

面板1 · 出镜视频

  • ❌ 移除本地上传 → ✅ 改为「从素材库选择视频」弹窗（ModalAssetPicker：4 列竖屏网格、搜索、确认选择，复用 getOrCreateDefaultProject + ensureDefaultLibrary + getAssetsByKind 链路）
  • 预览区强制竖屏 9:16，信息卡片展示文件名 / 时长 mm:ss / 分辨率

面板2 · 配音库

  • 新增音色来源切换：系统预设音色 | 我的音色（复用配音库 API GET /api/v1/voices?type=preset|clone，不再自研上传克隆）
  • 每条音色带试听按钮（Audio 单例播放 preview_url/audio_url）
  • 情绪（自然/兴奋/沉稳/亲切）、语速（0.5~2.0）、语言（普通话/English/粤语）参数
  • 「我的音色」底部提供克隆新音色入口（/app/voice-clone）

面板3 · 文案 & 对口型

  • 对口型三步状态：🎬生成对口型视频 → 进度条（3s 轮询）→ ✅完成 + 🔄重新生成
  • 对口型预览竖屏 9:16
  • 插入画面按钮 + 已配置数量 badge

面板4 · 标题配置

  • ✅ 直接 import 复用 TitleStylePanel + TITLE_PRESETS（24 格预设与智能剪辑完全一致，未重新开发），字体/位置/字号滑块/自动字幕齐全

面板5 · 封面 & 生成

  • ❌ 删除多余的「画面插入模式」
  • 新增配置汇总卡片（出镜视频/音色/文案/对口型/B-roll/标题/封面）
  • 渐变紫色生成按钮，对口型未完成时禁用

ModalBRollEditor（画面插入弹窗）

  • 已选素材标灰 + pointer-events:none + 「已选择」遮罩，双重防重选
  • 画中画模式支持四角位置 + 大/中/小尺寸

其他

  • 路由 /app/ai-avatar + 侧边栏「创作工具」组入口（智能剪辑之后）
  • TypeScript 严格类型，无 any；Vite build ✅、ESLint 0 error 0 warning
  • 渲染相关 API（/api/v1/ai-avatar/render*）已预留接口层，待后端 ready 联调

🤖 Generated with Claude Code

## #1797 AI数字人前端页面 v3 重构 基于 v1 上线后的 11 项验收反馈，按 v3 规格重写 AI 数字人页面（5 列水平面板布局）。 ### 主要改动 **面板1 · 出镜视频** - ❌ 移除本地上传 → ✅ 改为「从素材库选择视频」弹窗（ModalAssetPicker：4 列竖屏网格、搜索、确认选择，复用 getOrCreateDefaultProject + ensureDefaultLibrary + getAssetsByKind 链路） - 预览区强制竖屏 9:16，信息卡片展示文件名 / 时长 mm:ss / 分辨率 **面板2 · 配音库** - 新增音色来源切换：**系统预设音色 | 我的音色**（复用配音库 API `GET /api/v1/voices?type=preset|clone`，不再自研上传克隆） - 每条音色带试听按钮（Audio 单例播放 preview_url/audio_url） - 情绪（自然/兴奋/沉稳/亲切）、语速（0.5~2.0）、语言（普通话/English/粤语）参数 - 「我的音色」底部提供克隆新音色入口（/app/voice-clone） **面板3 · 文案 & 对口型** - 对口型三步状态：🎬生成对口型视频 → 进度条（3s 轮询）→ ✅完成 + 🔄重新生成 - 对口型预览竖屏 9:16 - 插入画面按钮 + 已配置数量 badge **面板4 · 标题配置** - ✅ **直接 import 复用** `TitleStylePanel` + `TITLE_PRESETS`（24 格预设与智能剪辑完全一致，未重新开发），字体/位置/字号滑块/自动字幕齐全 **面板5 · 封面 & 生成** - ❌ 删除多余的「画面插入模式」 - 新增配置汇总卡片（出镜视频/音色/文案/对口型/B-roll/标题/封面） - 渐变紫色生成按钮，对口型未完成时禁用 **ModalBRollEditor（画面插入弹窗）** - 已选素材标灰 + `pointer-events:none` + 「已选择」遮罩，双重防重选 - 画中画模式支持四角位置 + 大/中/小尺寸 ### 其他 - 路由 `/app/ai-avatar` + 侧边栏「创作工具」组入口（智能剪辑之后） - TypeScript 严格类型，无 any；Vite build ✅、ESLint 0 error 0 warning - 渲染相关 API（/api/v1/ai-avatar/render*）已预留接口层，待后端 ready 联调 🤖 Generated with [Claude Code](https://claude.com/claude-code)
xiaoxia force-pushed fix/ai-avatar-v3-1797 from 32854eb06a to ef27720b01 2026-09-08 21:19:54 +08:00 Compare
xiaoxia added 1 commit 2026-09-08 21:21:49 +08:00
feat: #1797 AI数字人前端页面v3 — 素材库选择/配音库复用/TitleStylePanel直接import
CI/CD Pipeline / Check push changed paths (pull_request) Has been skipped
Details
CI/CD Pipeline / Dedup Check - skip PR tests when covered by push pipeline (pull_request) Successful in 4s
Details
CI/CD Pipeline / Check if frontend-only change (pull_request) Successful in 4s
Details
CI/CD Pipeline / Build Staging API Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Staging Web Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Staging Worker Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Unit Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / Integration Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / PR Build API Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Frontend Unit Tests (pull_request) Successful in 1m35s
Details
CI/CD Pipeline / PR Build Worker Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Retag skipped Staging API Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Retag skipped Staging Web Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Retag skipped Staging Worker Image (pull_request) Has been skipped
Details
CI/CD Pipeline / PR Build Web Image (pull_request) Successful in 1m36s
Details
CI/CD Pipeline / Deploy Staging (Watchtower auto-deploy) (pull_request) Has been skipped
Details
CI/CD Pipeline / Staging E2E Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / Staging API Integration Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / ACR Image Cleanup (pull_request) Has been skipped
Details
CI/CD Pipeline / Frontend Lint (pull_request) Successful in 1m57s
Details
PR Automation / Auto Approve on CI Green (pull_request) Successful in 2m12s
Details
CI/CD Pipeline / Validate - Style (pull_request) Successful in 2m35s
Details
Preview Deploy / Deploy Preview Environment (pull_request) Successful in 2m49s
Details
CI/CD Pipeline / Validate - Python (mypy + alembic) (pull_request) Successful in 4m4s
Details
AI Code Review / AI Code Review (pull_request) Successful in 6m45s
Details
PR Automation / Auto Merge on CI Green + Approved (pull_request) Successful in 10m35s
Details
CI/CD Pipeline / Validate - Security (pull_request) Successful in 23m11s
Details
CI/CD Pipeline / Build Production API Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Production Web Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Production Worker Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Deploy Production (pull_request) Has been skipped
Details
CI/CD Pipeline / CI Gate (pull_request) Successful in 1s
Details
CI/CD Pipeline / Canary Release to Production (pull_request) Has been skipped
Details
CI/CD Pipeline / Production Browser E2E (pull_request) Has been skipped
Details
ACR Cleanup / ACR Image Cleanup (pull_request_target) Successful in 5s
Details
Preview Cleanup / Cleanup Preview Environment (pull_request) Successful in 1m20s
Details
b5bc285aff 
- 面板1：出镜视频改为从素材库弹窗选择（ModalAssetPicker），竖屏9:16预览
- 面板2：配音库改为系统预设/我的音色双tab切换，复用 /api/v1/voices
- 面板3：对口型三态（生成/进度/完成+重新生成），竖屏9:16预览
- 面板4：标题配置直接 import TitleStylePanel + TITLE_PRESETS，与智能剪辑完全一致
- 面板5：封面+分辨率+配置汇总+渐变生成按钮，删除多余画面插入模式
- B-roll弹窗：已选素材标灰pointer-events:none防重选，画中画四角位置
- 路由 /app/ai-avatar + 侧边栏AI数字人导航项
xiaoxia force-pushed fix/ai-avatar-v3-1797 from ef27720b01 to b5bc285aff 2026-09-08 21:21:49 +08:00 Compare
auto-approve-bot approved these changes 2026-09-08 21:24:20 +08:00
auto-approve-bot left a comment
Collaborator
Copy Link
Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。
auto-approve-bot approved these changes 2026-09-08 21:24:20 +08:00
auto-approve-bot left a comment
Collaborator
Copy Link
Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。
gitea-actions bot commented 2026-09-08 21:24:57 +08:00
Copy Link
Copy Source

🚀 预览环境已部署

项目 详情
PR号 #1805
预览链接 https://pr-1805.preview.xiaoxiajianji.com
API环境 staging

💡 预览环境使用 staging API 数据，请勿在预览环境中操作重要数据。

🔄 每次提交新代码后预览环境会自动更新。

🗑️ PR 关闭或合并后，预览环境会自动清理。

🚀 **预览环境已部署** | 项目 | 详情 | |------|------| | PR号 | #1805 | | 预览链接 | [https://pr-1805.preview.xiaoxiajianji.com](https://pr-1805.preview.xiaoxiajianji.com) | | API环境 | staging | > 💡 预览环境使用 staging API 数据，请勿在预览环境中操作重要数据。 > > 🔄 每次提交新代码后预览环境会自动更新。 > > 🗑️ PR 关闭或合并后，预览环境会自动清理。
xiaoxia merged commit bf7c8b8a08 into develop 2026-09-08 21:46:36 +08:00
gitea-actions bot commented 2026-09-08 21:47:55 +08:00
Copy Link
Copy Source

🗑️ 预览环境已清理

PR #1805 已关闭或合并，对应的预览环境已被清理。

如有需要，可以重新打开 PR 来重新生成预览环境。

🗑️ **预览环境已清理** PR #1805 已关闭或合并，对应的预览环境已被清理。 > 如有需要，可以重新打开 PR 来重新生成预览环境。
Sign in to join this conversation.
Reviewers
No Reviewers
auto-approve-bot
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 xiaoxia
No Assignees
3 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#1805
Delete Branch "fix/ai-avatar-v3-1797"

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?