Claude 设计主题视频¶
类型：YouTube 教育视频
状态：✅ 制作完成
系列：Jixian 频道
制作完成：2026-04-21
最后更新：2026-04-22
概述¶
以 Claude（Anthropic）AI 设计理念为主题的视频，探讨 AI 辅助设计、界面与体验方向。
- 工程路径（gpu-local）：
/proj/youtube/2026-04-20-claude-design/
最终产出¶
| 文件 | 路径 | 大小 | 说明 |
|---|---|---|---|
| 原始录制 | /proj/youtube/2026-04-20-claude-design/raw.mp4 |
32MB | 12:22，无后期 |
| 混音版 | /proj/youtube/2026-04-20-claude-design/final.mp4 |
47MB | 含 TTS 配音 |
| 最终成品 | /proj/youtube/2026-04-20-claude-design/final_cropped.mp4 |
48MB | 最终发布版 |
录制规格¶
- 分辨率：1920×1080，30fps
- 视频编码：libx264 crf18
- 音频：10 段 adelay 精确对齐（S01\~S09，含 S03a/S03b）
- Xvfb：
:98（:99被 root lock 占用，改用:98） - 控制方式：Chrome
--app模式 + ffmpeg x11grab + Playwright CDPshowSlide()
背景图处理记录¶
问题：部分幻灯片背景图（s02、s03b、s06、s08）自带黑边（Gemini 生成时产生）
解决方案： - Python PIL 检测黑边区域 - 裁剪黑边后 resize 回 1920×1080
制作细节¶
| 项目 | 状态 |
|---|---|
| 字幕条 | 已关闭（.subtitle-bar hidden） |
| 页面缩放 | 自动缩放 JS（transform: scale 适配浏览器窗口） |
| 字体大小 | 全局 font-size: 20px（原 16px 在 1920px 画面偏小） |
Git 记录¶
- Commit：
4698929 - 变更：52 个文件（含修复后的背景图 + HTML 改动）
制作流程对比（与前作）¶
| 视频 | Xvfb | 录制方式 | 状态 |
|---|---|---|---|
| Harness EP.01 | :99 | x11grab v10 | ✅ |
| Harness EP.02 | :99 | x11grab v10 | ✅ |
| Gemma4 越狱实验 | :99 | x11grab | ✅ |
| Hermes vs OpenClaw | :99 | x11grab v12 | ✅ |
| Claude 设计主题 | :98 | x11grab + adelay | ✅ |