feat(viral-video): 音色选择默认改为"我的音色"克隆音色主路径 #2189

Merged

auto-approve-bot merged 1 commits from feat/viral-video-my-voices-default into develop 2026-10-05 12:01:39 +08:00

Conversation 4 Commits 1 Files Changed 5

+302 -43

xiaoxia commented 2026-10-05 11:52:12 +08:00

Owner

Copy Link

Copy Source

P1 功能：爆款视频音色选择改为默认"我的音色"

改动

1. AI配音区重构（替换原"参考音频"2x2网格）

   • 主区块"我的音色"：页面加载拉 GET /voice-clones?status=ready，卡片列表展示克隆音色
     • 卡片：单选 radio + 音色名 + "AI克隆声音 · 性别"描述 + 试听按钮
     • 试听：优先 sample_url，否则实时调 GET /voice-clones/{id}/preview 拿试听音频
     • 空状态：灰色图标+"还没有克隆音色"+"去录制一个"按钮直接打开 CloneModal
     • 右上角"录制新音色"快捷入口
   • 次要选项一行两按钮："内置音色"（PresetVoicePickerModal）+ "上传配音"（展开面板含本地上传+素材库选择）
   • 已选音色条带区分来源标签："我的音色 · xxx"/"内置 · xxx"/文件名

2. 提交字段

   • 选中我的音色时：voice_id=克隆音色的 CosyVoice voice_id（ttsVoiceId，来自 VoiceCloneProfile.voice_id）、voice_source="my_voice"
   • 内置音色保持 voice_id=PresetVoice.id、voice_source="preset"
   • 上传/素材库保持原有逻辑

3. 类型补充

   • VoiceClone 增加 voice_id?: string | null（CosyVoice 音色ID）
   • toVoiceClone 工具函数映射 profile.voice_id
   • viral-video 所有请求类型（GenerateCopyRequest/GenerateViralVideoRequest/ConfirmCopyRequest）voice_source 联合类型增加 "my_voice"

4. 交互

   • CloneModal 录制克隆成功后自动 reloadMyVoices() 刷新列表、自动选中新音色
   • 移除原2x2网格中"直接录音"按钮（录音走"录制新音色"入口）

样式

沿用 vv 紫白主题，新增 vv-voice-section/vv-my-voice-list/vv-my-voice-item/vv-voice-alt-row/vv-voice-empty 等class，复用既有的 vv-voice-item/vv-voice-play/vv-voice-radio 样式。

验证

• tsc --noEmit: 0 errors
• vite build: success (ViralVideoPage-CPrbKe5O.js)

待后端确认：generate-copy 接口收到 voice_source="my_voice" + voice_id= 能正确路由到 CosyVoice TTS，跳过预设音色默认 longxiaochun_v3。

## P1 功能：爆款视频音色选择改为默认"我的音色" ### 改动 1. **AI配音区重构**（替换原"参考音频"2x2网格） - 主区块"我的音色"：页面加载拉 GET /voice-clones?status=ready，卡片列表展示克隆音色 - 卡片：单选 radio + 音色名 + "AI克隆声音 · 性别"描述 + 试听按钮 - 试听：优先 sample_url，否则实时调 GET /voice-clones/{id}/preview 拿试听音频 - 空状态：灰色图标+"还没有克隆音色"+"去录制一个"按钮直接打开 CloneModal - 右上角"录制新音色"快捷入口 - 次要选项一行两按钮："内置音色"（PresetVoicePickerModal）+ "上传配音"（展开面板含本地上传+素材库选择） - 已选音色条带区分来源标签："我的音色 · xxx"/"内置 · xxx"/文件名 2. **提交字段** - 选中我的音色时：`voice_id=克隆音色的 CosyVoice voice_id`（ttsVoiceId，来自 VoiceCloneProfile.voice_id）、`voice_source="my_voice"` - 内置音色保持 voice_id=PresetVoice.id、voice_source="preset" - 上传/素材库保持原有逻辑 3. **类型补充** - VoiceClone 增加 `voice_id?: string | null`（CosyVoice 音色ID） - toVoiceClone 工具函数映射 profile.voice_id - viral-video 所有请求类型（GenerateCopyRequest/GenerateViralVideoRequest/ConfirmCopyRequest）voice_source 联合类型增加 "my_voice" 4. **交互** - CloneModal 录制克隆成功后自动 reloadMyVoices() 刷新列表、自动选中新音色 - 移除原2x2网格中"直接录音"按钮（录音走"录制新音色"入口） ### 样式 沿用 vv 紫白主题，新增 vv-voice-section/vv-my-voice-list/vv-my-voice-item/vv-voice-alt-row/vv-voice-empty 等class，复用既有的 vv-voice-item/vv-voice-play/vv-voice-radio 样式。 ### 验证 - tsc --noEmit: 0 errors - vite build: success (ViralVideoPage-CPrbKe5O.js) 待后端确认：generate-copy 接口收到 voice_source="my_voice" + voice_id=<CosyVoice ID> 能正确路由到 CosyVoice TTS，跳过预设音色默认 longxiaochun_v3。

xiaoxia added 1 commit 2026-10-05 11:52:13 +08:00

feat(viral-video): 音色选择默认改为"我的音色"，支持克隆音色主路径 ... c4225b63f3

P1功能：
- 参考音频区改为"AI配音"，主路径展示"我的音色"（用户已克隆的音色列表）
- 页面加载时拉取 GET /voice-clones?status=ready，以卡片列表展示
  - 每张卡片：单选radio + 音色名 + 描述"AI克隆声音·性别" + 试听按钮
  - 试听优先用 sample_url，否则实时调 GET /voice-clones/{id}/preview
  - 空状态提示"还没有克隆音色"+"去录制一个"按钮引导到CloneModal
- 次要选项一行两个按钮：内置音色（调PresetVoicePickerModal）+ 上传配音（展开素材库+本地上传）
- 已选音色顶部条带区分来源："我的音色·xxx"/"内置·xxx"/文件名
- 选中"我的音色"时提交 voice_id=克隆音色的 CosyVoice voice_id（ttsVoiceId字段）
- VoiceClone 类型补充 voice_id 字段；toVoiceClone 映射 profile.voice_id
- voice_source 联合类型补充 "my_voice"
- 录制克隆成功后自动刷新我的音色列表并选中新音色
- CSS：vv-my-voice-list/item、vv-voice-section、vv-voice-alt-row 等新样式，沿用紫白主题
- tsc + vite build 通过

gitea-actions bot commented 2026-10-05 11:54:29 +08:00

Copy Link

Copy Source

🚀 预览环境已部署

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

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

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

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

🚀 **预览环境已部署** | 项目 | 详情 | |------|------| | PR号 | #2189 | | 预览链接 | [https://pr-2189.preview.xiaoxiajianji.com](https://pr-2189.preview.xiaoxiajianji.com) | | API环境 | staging | > 💡 预览环境使用 staging API 数据，请勿在预览环境中操作重要数据。 > > 🔄 每次提交新代码后预览环境会自动更新。 > > 🗑️ PR 关闭或合并后，预览环境会自动清理。

auto-approve-bot approved these changes 2026-10-05 11:56:40 +08:00

auto-approve-bot left a comment

Collaborator

Copy Link

Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。

auto-approve-bot approved these changes 2026-10-05 11:56:41 +08:00

auto-approve-bot left a comment

Collaborator

Copy Link

Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。

auto-approve-bot merged commit c232721fff into develop 2026-10-05 12:01:39 +08:00

auto-approve-bot deleted branch feat/viral-video-my-voices-default 2026-10-05 12:02:02 +08:00

gitea-actions bot commented 2026-10-05 12:02:44 +08:00

Copy Link

Copy Source

🗑️ 预览环境已清理

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

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

🗑️ **预览环境已清理** PR #2189 已关闭或合并，对应的预览环境已被清理。 > 如有需要，可以重新打开 PR 来重新生成预览环境。

xiaoxia referenced this pull request 2026-10-05 12:22:17 +08:00

feat(viral_video): voice_source=my_voice/clone 克隆音色TTS支持 (#2188) #2191

Sign in to join this conversation.

Reviewers

No Reviewers

auto-approve-bot

Labels

Clear labels

architecture

架构设计

backend

后端相关

blocked

阻塞中

bug

Bug修复

ci-bug

CI本身的bug

ci-optimization

CI优化类任务

ci-pipeline

CI流水线/workflow相关

cleanup

代码清理

devops

运维/部署/CI

documentation

文档相关

feature

新功能

frontend

前端相关

P0

阻塞性，必须立即处理

P1

高优先级

P2

中优先级

P3

低优先级/后考虑

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

3 Participants

Notifications

Subscribe

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#2189