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

P1: 标题设置中拖动字号滑块和切换样式无效 #1789

New Issue
Closed
opened 2026-09-08 11:27:22 +08:00 by xiaoxia · 0 comments
xiaoxia commented 2026-09-08 11:27:22 +08:00
Owner
Copy Link
Copy Source

根因分析（2026-09-08 13:04 用户录屏确认）

用户录屏实查

用户录制了操作视频，三帧截图对比确认：

  • 标题输入框有文字 "曝光曝光/永康拾掇脚阔头能人"
  • 字号滑块在 25-28px 范围
  • 预览画面上从头到尾都看不到标题文字

结论：不是字号不变，是标题叠加层根本没有渲染到预览画面上！

可能原因（按可能性排序）

  1. 视频元素遮挡标题叠加层： 元素在浏览器渲染中默认层级高于同级 DOM 元素（特别是某些浏览器/硬件加速场景），即使标题 div 设置了 ，video 元素可能仍在上层
  2. 标题颜色与背景融合：默认字体颜色 #ffffff（白色），视频画面顶部也是浅色（窗帘/白墙），白色文字带描边在浅色背景上几乎不可见
  3. 容器尺寸计算问题： 可能为 0 导致 计算异常

两层修复

A. 前端预览标题不显示（P1 — 用户当前体验）

  • 检查 中 title overlay div 的 是否足够高于 video 元素
  • video 元素可能需要设置 或标题 overlay 需要
  • 确保标题 overlay 在 DOM 结构中位于 video 元素之后（同级兄弟时，后渲染的在上层）

B. 最终成片无标题（P1 — 后端渲染缺失）

  • 未读取
  • 缺少 drawtext 滤镜生成逻辑
  • 需要在 FFmpeg filter_complex 中追加 drawtext 滤镜

验收标准

  1. Step4 预览画面上能看到标题文字，拖动字号滑块时文字大小实时变化
  2. 生成视频后，成片包含标题叠加
## 根因分析（2026-09-08 13:04 用户录屏确认） ### 用户录屏实查 用户录制了操作视频，三帧截图对比确认： - 标题输入框有文字 "曝光曝光/永康拾掇脚阔头能人" - 字号滑块在 25-28px 范围 - **预览画面上从头到尾都看不到标题文字** ### 结论：不是字号不变，是标题叠加层根本没有渲染到预览画面上！ ### 可能原因（按可能性排序） 1. **视频元素遮挡标题叠加层**： 元素在浏览器渲染中默认层级高于同级 DOM 元素（特别是某些浏览器/硬件加速场景），即使标题 div 设置了 ，video 元素可能仍在上层 2. **标题颜色与背景融合**：默认字体颜色 #ffffff（白色），视频画面顶部也是浅色（窗帘/白墙），白色文字带描边在浅色背景上几乎不可见 3. **容器尺寸计算问题**： 可能为 0 导致 计算异常 ### 两层修复 **A. 前端预览标题不显示（P1 — 用户当前体验）** - 检查 中 title overlay div 的 是否足够高于 video 元素 - video 元素可能需要设置 或标题 overlay 需要 - 确保标题 overlay 在 DOM 结构中位于 video 元素之后（同级兄弟时，后渲染的在上层） **B. 最终成片无标题（P1 — 后端渲染缺失）** - 未读取 - 缺少 drawtext 滤镜生成逻辑 - 需要在 FFmpeg filter_complex 中追加 drawtext 滤镜 ### 验收标准 1. Step4 预览画面上能看到标题文字，拖动字号滑块时文字大小实时变化 2. 生成视频后，成片包含标题叠加
xiaoxia reopened this issue 2026-09-08 12:34:04 +08:00
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 xiaoxia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#1789
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?