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

fix(generate): #1754 预览卡片黑边+占比过大/配音时长兜底调速/标题位置优化 #1754

Merged
auto-approve-bot merged 1 commits from feat/1754-preview-blackborder-duration-title into develop 2026-09-07 13:52:24 +08:00
Conversation 4 Commits 1 Files Changed 3
+73 -10
xiaoxia commented 2026-09-07 13:45:42 +08:00
Owner
Copy Link
Copy Source

#1754 前端三连修

P0-前端1：预览卡片黑边 + 占比过大

  • .xx-canvas-grid grid-template-columns: minmax(200px, 220px) → minmax(160px, 180px)
  • .xx-canvas-grid-card background: #000 → transparent
  • video objectFit: contain → cover（填满卡片不留黑边）
  • 播放器容器 compact 模式 background → transparent

P0-前端2：预览视频时长与配音时长不匹配（前端兜底）

  • useSegmentScheduler PlaybackSegment 新增 playbackRate 字段
  • switchToSegment/play 中设置 video.playbackRate
  • FrontendPreviewPlayer 内部用 Audio 元素测量 voiceDuration
  • speedFactor = rawClipsDuration / voiceDuration（偏差>5% 时启用）
  • buildPlaybackSegments 按 1/speedFactor 缩放 endTime 并写入 playbackRate
  • 后端 #1752 已按配音时长分配 clips，此处为前端安全兜底

P1-前端3：最终确认步骤标题位置优化

  • TITLE_MARGIN_TOP 120→180（ASS 坐标 9:16 下 6.25%→9.4%）
  • TITLE_MARGIN_BOTTOM 60→100（3.1%→5.2%）
  • ⚠️ 后端 ass_subtitle_builder.py 需同步更新以保持预览=成片

验证

  • tsc --noEmit ✅
  • eslint --max-warnings 0 ✅
  • vitest 722 passed ✅
  • build ✅
## #1754 前端三连修 ### P0-前端1：预览卡片黑边 + 占比过大 - `.xx-canvas-grid` grid-template-columns: `minmax(200px, 220px)` → `minmax(160px, 180px)` - `.xx-canvas-grid-card` `background: #000` → `transparent` - video `objectFit: contain` → `cover`（填满卡片不留黑边） - 播放器容器 compact 模式 `background → transparent` ### P0-前端2：预览视频时长与配音时长不匹配（前端兜底） - `useSegmentScheduler` `PlaybackSegment` 新增 `playbackRate` 字段 - `switchToSegment`/`play` 中设置 `video.playbackRate` - `FrontendPreviewPlayer` 内部用 `Audio` 元素测量 `voiceDuration` - `speedFactor = rawClipsDuration / voiceDuration`（偏差>5% 时启用） - `buildPlaybackSegments` 按 `1/speedFactor` 缩放 `endTime` 并写入 `playbackRate` - 后端 #1752 已按配音时长分配 clips，此处为前端安全兜底 ### P1-前端3：最终确认步骤标题位置优化 - `TITLE_MARGIN_TOP` 120→180（ASS 坐标 9:16 下 6.25%→9.4%） - `TITLE_MARGIN_BOTTOM` 60→100（3.1%→5.2%） - ⚠️ 后端 `ass_subtitle_builder.py` 需同步更新以保持预览=成片 ### 验证 - tsc --noEmit ✅ - eslint --max-warnings 0 ✅ - vitest 722 passed ✅ - build ✅
xiaoxia added 1 commit 2026-09-07 13:45:42 +08:00
fix(generate): #1754 预览卡片黑边+占比过大/配音时长兜底调速/标题位置优化
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 2s
Details
CI/CD Pipeline / Check if frontend-only change (pull_request) Successful in 2s
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 / PR Build Worker 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 API Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Staging 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 / 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 Unit Tests (pull_request) Successful in 1m9s
Details
CI/CD Pipeline / Frontend Lint (pull_request) Successful in 1m24s
Details
PR Automation / Auto Approve on CI Green (pull_request) Successful in 1m29s
Details
Preview Deploy / Deploy Preview Environment (pull_request) Successful in 1m31s
Details
CI/CD Pipeline / Validate - Python (mypy + alembic) (pull_request) Successful in 1m36s
Details
CI/CD Pipeline / Validate - Style (pull_request) Successful in 1m48s
Details
CI/CD Pipeline / PR Build Web Image (pull_request) Successful in 2m6s
Details
CI/CD Pipeline / Validate - Security (pull_request) Successful in 5m52s
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 3s
Details
CI/CD Pipeline / Production Browser E2E (pull_request) Has been skipped
Details
CI/CD Pipeline / Canary Release to Production (pull_request) Has been skipped
Details
AI Code Review / AI Code Review (pull_request) Successful in 6m19s
Details
PR Automation / Auto Merge on CI Green + Approved (pull_request) Successful in 5m11s
Details
ACR Cleanup / ACR Image Cleanup (pull_request_target) Successful in 10s
Details
Preview Cleanup / Cleanup Preview Environment (pull_request) Successful in 24s
Details
03a0ab66dd 
P0-前端1 黑边+卡片占比：
- .xx-canvas-grid grid-template-columns: minmax(200px,220px) → minmax(160px,180px)
- .xx-canvas-grid-card background: #000 → transparent
- video objectFit: contain → cover（填满卡片不留黑边）
- 播放器容器 compact 模式 background → transparent

P0-前端2 配音时长兜底：
- useSegmentScheduler PlaybackSegment 新增 playbackRate 字段
- switchToSegment/play 中设置 video.playbackRate
- FrontendPreviewPlayer 内部用 Audio 测量 voiceDuration
- speedFactor = rawClipsDuration / voiceDuration（偏差>5%时启用）
- buildPlaybackSegments 按 1/speedFactor 缩放 endTime 并写入 playbackRate
- 后端已按配音时长分配 clips（#1752），此处为前端安全兜底

P1-前端3 标题位置优化：
- TITLE_MARGIN_TOP 120→180（ASS 坐标 9:16 下 6.25%→9.4%）
- TITLE_MARGIN_BOTTOM 60→100（3.1%→5.2%）
- 注：后端 ass_subtitle_builder.py 需同步更新以保持预览=成片
auto-approve-bot approved these changes 2026-09-07 13:47:12 +08:00
auto-approve-bot left a comment
Collaborator
Copy Link
Copy Source

CI全绿，自动审批通过。

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

CI全绿，自动审批通过。

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

🚀 预览环境已部署

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

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

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

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

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

🗑️ 预览环境已清理

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

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

🗑️ **预览环境已清理** PR #1754 已关闭或合并，对应的预览环境已被清理。 > 如有需要，可以重新打开 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#1754
Delete Branch "feat/1754-preview-blackborder-duration-title"

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?