fix: Step5卡片黑边+缩放 & 配音时长对齐纳入转场时长 (#1756) #1758

Merged
xiaoxia merged 1 commits from fix/1756-step5-blackborder-duration-transition into develop 2026-09-07 16:39:33 +08:00
Owner

修复-前端1:Step5 确认生成步骤视频卡片黑边+占比过大

  • generate.css: .xx-batch-gen-gridrepeat(2, 1fr) 改为 repeat(auto-fill, minmax(160px, 180px)),与 Step4 预览网格一致
  • generate.css: .xx-batch-gen-card background 改为 transparent
  • BatchGenerationGrid.tsx: 视频容器 background 改为 transparent,padding 0
  • BatchGenerationGrid.tsx: video 使用 objectFit: cover,width: 100% 填满卡片

修复-前端2:配音时长对齐纳入转场时长

  • FrontendPreviewPlayer.tsx: rawClipsDuration 计算包含 transition_duration
  • speedFactor = (clips时长 + 转场时长) / 配音时长
  • 确保预览播放时长 = 配音时长(含转场占位)

验证

  • tsc
  • eslint
  • 722 tests passed
  • build
## 修复-前端1:Step5 确认生成步骤视频卡片黑边+占比过大 - `generate.css`: `.xx-batch-gen-grid` 从 `repeat(2, 1fr)` 改为 `repeat(auto-fill, minmax(160px, 180px))`,与 Step4 预览网格一致 - `generate.css`: `.xx-batch-gen-card` background 改为 `transparent` - `BatchGenerationGrid.tsx`: 视频容器 background 改为 transparent,padding 0 - `BatchGenerationGrid.tsx`: video 使用 `objectFit: cover`,width: 100% 填满卡片 ## 修复-前端2:配音时长对齐纳入转场时长 - `FrontendPreviewPlayer.tsx`: `rawClipsDuration` 计算包含 `transition_duration` - speedFactor = (clips时长 + 转场时长) / 配音时长 - 确保预览播放时长 = 配音时长(含转场占位) ## 验证 - tsc ✅ - eslint ✅ - 722 tests passed ✅ - build ✅
xiaoxia added 1 commit 2026-09-07 16:04:59 +08:00
fix: Step5卡片黑边+缩放 & 配音时长对齐纳入转场时长 (#1756)
Preview Deploy / Deploy Preview Environment (pull_request) Successful in 3m5s
PR Automation / Auto Approve on CI Green (pull_request) Successful in 3m49s
AI Code Review / AI Code Review (pull_request) Successful in 6m36s
PR Automation / Auto Merge on CI Green + Approved (pull_request) Successful in 11m1s
CI/CD Pipeline / Dedup Check - skip PR tests when covered by push pipeline (pull_request) Successful in 2s
CI/CD Pipeline / Check push changed paths (pull_request) Has been skipped
CI/CD Pipeline / Check if frontend-only change (pull_request) Successful in 2s
CI/CD Pipeline / Build Staging API Image (pull_request) Has been skipped
CI/CD Pipeline / Build Staging Web Image (pull_request) Has been skipped
CI/CD Pipeline / Build Staging Worker Image (pull_request) Has been skipped
CI/CD Pipeline / Unit Tests (pull_request) Has been skipped
CI/CD Pipeline / Integration Tests (pull_request) Has been skipped
CI/CD Pipeline / PR Build API Image (pull_request) Has been skipped
CI/CD Pipeline / PR Build Worker Image (pull_request) Has been skipped
CI/CD Pipeline / Retag skipped Staging API Image (pull_request) Has been skipped
CI/CD Pipeline / Retag skipped Staging Web Image (pull_request) Has been skipped
CI/CD Pipeline / Retag skipped Staging Worker Image (pull_request) Has been skipped
CI/CD Pipeline / Deploy Staging (Watchtower auto-deploy) (pull_request) Has been skipped
CI/CD Pipeline / Staging E2E Tests (pull_request) Has been skipped
CI/CD Pipeline / Staging API Integration Tests (pull_request) Has been skipped
CI/CD Pipeline / ACR Image Cleanup (pull_request) Has been skipped
CI/CD Pipeline / PR Build Web Image (pull_request) Successful in 18s
CI/CD Pipeline / Frontend Unit Tests (pull_request) Successful in 1m20s
CI/CD Pipeline / Frontend Lint (pull_request) Successful in 1m27s
CI/CD Pipeline / Validate - Style (pull_request) Successful in 2m7s
CI/CD Pipeline / Validate - Python (mypy + alembic) (pull_request) Successful in 2m9s
CI/CD Pipeline / Validate - Security (pull_request) Successful in 8m5s
CI/CD Pipeline / Build Production API Image (pull_request) Has been skipped
CI/CD Pipeline / Build Production Web Image (pull_request) Has been skipped
CI/CD Pipeline / Build Production Worker Image (pull_request) Has been skipped
CI/CD Pipeline / Deploy Production (pull_request) Has been skipped
CI/CD Pipeline / Production Browser E2E (pull_request) Has been skipped
CI/CD Pipeline / Canary Release to Production (pull_request) Has been skipped
CI/CD Pipeline / CI Gate (pull_request) Successful in 3s
ACR Cleanup / ACR Image Cleanup (pull_request_target) Successful in 10s
Preview Cleanup / Cleanup Preview Environment (pull_request) Successful in 31s
830c3c3b18
修复-前端1: Step5确认生成步骤视频卡片黑边+占比过大
- generate.css: .xx-batch-gen-grid 改为 minmax(160px,180px) 与Step4一致
- generate.css: .xx-batch-gen-card background 改 transparent
- BatchGenerationGrid.tsx: 视频容器 background transparent, padding 0
- BatchGenerationGrid.tsx: video objectFit cover 填满卡片

修复-前端2: 配音时长对齐纳入转场时长
- FrontendPreviewPlayer.tsx: rawClipsDuration 计算包含 transition_duration
- speedFactor = (clips时长+转场时长) / 配音时长

🚀 预览环境已部署

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

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

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

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

🚀 **预览环境已部署** | 项目 | 详情 | |------|------| | PR号 | #1758 | | 预览链接 | [https://pr-1758.preview.xiaoxiajianji.com](https://pr-1758.preview.xiaoxiajianji.com) | | API环境 | staging | > 💡 预览环境使用 staging API 数据,请勿在预览环境中操作重要数据。 > > 🔄 每次提交新代码后预览环境会自动更新。 > > 🗑️ PR 关闭或合并后,预览环境会自动清理。
xiaoxia merged commit b8073b6c38 into develop 2026-09-07 16:39:33 +08:00

🗑️ 预览环境已清理

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

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

🗑️ **预览环境已清理** PR #1758 已关闭或合并,对应的预览环境已被清理。 > 如有需要,可以重新打开 PR 来重新生成预览环境。
Sign in to join this conversation.