# Web 界面使用指南

详细介绍 Pixelle-Video Web 界面的各项功能。

---

## 界面布局

Web 界面采用三栏布局：

- **左侧栏**: 内容输入与音频设置
- **中间栏**: 语音与视觉设置  
- **右侧栏**: 视频生成与预览
- **侧边栏**: 系统配置与 FAQ

---

## 系统配置

首次使用需要配置 LLM 和图像生成服务。详见 [配置说明](../getting-started/configuration.md)。

---

## 内容输入

### 生成模式

- **AI 生成内容**: 输入主题，AI 自动创作文案
- **固定文案内容**: 直接输入完整文案

### 固定文案分割方式

使用固定文案模式时，可选择文案的分割方式：

- **按段落分割**: 以空行为分隔符，每个段落作为一个分镜
- **按行分割**: 以换行符为分隔符，每行作为一个分镜
- **按句子分割**: 智能识别句子边界，每句话作为一个分镜

### 背景音乐

- 支持内置音乐
- 支持自定义音乐文件

---

## 语音设置

### TTS 工作流

- 选择 TTS 工作流
- 支持 Edge-TTS、Index-TTS 等

### 参考音频

- 上传参考音频进行声音克隆
- 支持 MP3/WAV/FLAC 等格式

---

## 视觉设置

### 图像/视频生成

- 选择媒体生成工作流（图像或视频）
- 调整提示词前缀控制风格

### 视频模板

- **模板预览画廊**: 可视化预览所有可用模板
- 支持竖屏 (1080x1920) / 横屏 (1920x1080) / 方形 (1080x1080)
- 模板类型：
  - `static_*.html`: 静态模板（无 AI 生成媒体）
  - `image_*.html`: 图像模板（需要 AI 生成图像）
  - `video_*.html`: 视频模板（需要 AI 生成视频）

---

## 生成视频

点击「生成视频」按钮后，系统会：

1. 生成视频文案
2. 为每个分镜生成配图/视频
3. 合成语音解说
4. 合成最终视频

生成完成后自动预览。

---

## FAQ

侧边栏内置了常见问题解答（FAQ），点击可快速查看：

- 常见配置问题
- 生成失败解决方案
- 性能优化建议