fix(ai-avatar): 修复三个bug——封面重影/标题字号缩放/对口型音频截断 #1876

Merged

xiaoxia merged 2 commits from fix/ai-avatar-three-bugs-0913 into develop 2026-09-13 14:15:31 +08:00

Conversation 2 Commits 2 Files Changed 8

+124 -126

xiaoxia commented 2026-09-13 13:29:06 +08:00

Owner

Copy Link

Copy Source

修复内容

Bug1：封面展示区重复叠加标题（重影）

• 删除 PanelCoverAndGenerate.tsx 封面展示区重复叠加的标题 div（成片帧已经通过 Canvas PNG overlay 带标题，CSS 叠字造成重影）
• 删除未使用的 FONT_FAMILY_MAP/getFontFamily/titleOverlayStyle/showTitleOverlay/titleConfig prop
• 父组件 AiAvatarPage.tsx 同步移除 titleConfig prop 传参

Bug2：标题字号没有按视频分辨率缩放（预览与成片字号不一致）

• titleCanvas.ts：约定 titleConfig.size 语义为「720p 基准宽度下的字号（px）」，新增 scale = videoWidth / 720，字号/lineGap/PAD/shadowBlur/shadowOffsetY/strokeWidth 等所有长度参数统一 Math.round 乘 scale
• PanelLipsyncPreview.tsx：使用 useRef + ResizeObserver 动态测量预览容器实际 clientWidth，算出 previewScale = containerWidth / 720，字号/padding/WebkitTextStroke 宽度/textShadow 模糊半径与偏移都按 previewScale 缩放；拖拽定位 pos_x/pos_y 已是百分比，无需改动

Bug3：对口型视频时长截断（enable_video_loop 默认 false）

• 前端 AiAvatarPage.tsx：enable_video_loop: false → true
• 后端 schemas/lipsync.py：CreateLipsyncJobRequest 默认值改为 True
• 后端 services/lipsync_service.py create_job 默认值改为 True
• 后端 services/mediakit_client.py submit_lipsync 默认值改为 True，且始终显式传 enable_video_loop（之前只在 True 时传，显式 False 会丢失）
• 同步更新对应单测断言

测试

• 后端 pytest：tests/unit/test_video_filter_builder.py tests/unit/test_lipsync_tts_preview.py tests/unit/test_sentence_timings.py tests/unit/test_lipsync_tts.py tests/unit/test_lipsync_routes.py tests/unit/test_mediakit_client.py 共 210 个用例全部通过

## 修复内容 ### Bug1：封面展示区重复叠加标题（重影） - 删除 `PanelCoverAndGenerate.tsx` 封面展示区重复叠加的标题 div（成片帧已经通过 Canvas PNG overlay 带标题，CSS 叠字造成重影） - 删除未使用的 `FONT_FAMILY_MAP`/`getFontFamily`/`titleOverlayStyle`/`showTitleOverlay`/`titleConfig` prop - 父组件 `AiAvatarPage.tsx` 同步移除 `titleConfig` prop 传参 ### Bug2：标题字号没有按视频分辨率缩放（预览与成片字号不一致） - `titleCanvas.ts`：约定 `titleConfig.size` 语义为「720p 基准宽度下的字号（px）」，新增 `scale = videoWidth / 720`，字号/lineGap/PAD/shadowBlur/shadowOffsetY/strokeWidth 等所有长度参数统一 Math.round 乘 scale - `PanelLipsyncPreview.tsx`：使用 useRef + ResizeObserver 动态测量预览容器实际 clientWidth，算出 `previewScale = containerWidth / 720`，字号/padding/WebkitTextStroke 宽度/textShadow 模糊半径与偏移都按 previewScale 缩放；拖拽定位 pos_x/pos_y 已是百分比，无需改动 ### Bug3：对口型视频时长截断（enable_video_loop 默认 false） - 前端 `AiAvatarPage.tsx`：`enable_video_loop: false` → `true` - 后端 `schemas/lipsync.py`：CreateLipsyncJobRequest 默认值改为 True - 后端 `services/lipsync_service.py` create_job 默认值改为 True - 后端 `services/mediakit_client.py` submit_lipsync 默认值改为 True，且始终显式传 `enable_video_loop`（之前只在 True 时传，显式 False 会丢失） - 同步更新对应单测断言 ## 测试 - 后端 pytest：`tests/unit/test_video_filter_builder.py tests/unit/test_lipsync_tts_preview.py tests/unit/test_sentence_timings.py tests/unit/test_lipsync_tts.py tests/unit/test_lipsync_routes.py tests/unit/test_mediakit_client.py` 共 210 个用例全部通过

xiaoxia added 1 commit 2026-09-13 13:29:06 +08:00

fix(ai-avatar): 修复三个bug——封面重影/标题字号缩放/对口型音频截断 ... 5f128d175d

1. 删除封面展示区重复叠加的标题div（成片帧已含标题，不再CSS叠字）
2. 标题字号按视频分辨率等比缩放，预览容器动态测量宽度计算scale
3. enable_video_loop默认改为true，防止TTS音频长于出镜视频时被截断

gitea-actions bot commented 2026-09-13 13:30:51 +08:00

Copy Link

Copy Source

🚀 预览环境已部署

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

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

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

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

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

auto-approve-bot added 1 commit 2026-09-13 13:32:54 +08:00

style: auto-format with black + isort + ruff + prettier [skip ci-format-check] 9be89484e6

xiaoxia merged commit c613f35662 into develop 2026-09-13 14:15:31 +08:00

gitea-actions bot commented 2026-09-13 14:15:46 +08:00

Copy Link

Copy Source

🗑️ 预览环境已清理

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

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

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

Sign in to join this conversation.

Reviewers

No Reviewers

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#1876