# 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 CDP `showSlide()`

## 背景图处理记录

**问题**：部分幻灯片背景图（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** | **✅** |

## 参考

- [AI 视频生产管线](../topics/AI-视频生产管线.md)
- [Hermes vs OpenClaw](Hermes-vs-OpenClaw.md)