|
| 1 | +# FFmpeg 安装指南 |
| 2 | + |
| 3 | +本文档介绍如何在 Windows 环境中安装 FFmpeg,用于项目构建过程中的媒体文件优化。 |
| 4 | + |
| 5 | +## 背景 |
| 6 | + |
| 7 | +项目在生产构建时会自动优化媒体文件(如图片、音频、视频),需要 FFmpeg 工具支持。如果没有安装 FFmpeg,构建会失败并提示错误。 |
| 8 | + |
| 9 | +## 安装方法 |
| 10 | + |
| 11 | +### 方法一:使用 winget(推荐) |
| 12 | + |
| 13 | +如果你的系统已安装 winget(Windows Package Manager),运行: |
| 14 | + |
| 15 | +```bash |
| 16 | +winget install --id Gyan.FFmpeg --source winget |
| 17 | +``` |
| 18 | + |
| 19 | +### 方法二:手动安装 |
| 20 | + |
| 21 | +#### 1. 下载 FFmpeg |
| 22 | + |
| 23 | +访问官方网站:https://www.gyan.dev/ffmpeg/builds/ |
| 24 | + |
| 25 | +下载最新的构建版本: |
| 26 | +- `ffmpeg-release-essentials.zip` (推荐,轻量版) |
| 27 | +- 或 `ffmpeg-release-full.7z` (完整版) |
| 28 | + |
| 29 | +#### 2. 解压文件 |
| 30 | + |
| 31 | +将下载的压缩包解压到你选择的目录,例如: |
| 32 | +``` |
| 33 | +C:\ffmpeg |
| 34 | +``` |
| 35 | + |
| 36 | +解压后应该看到以下结构: |
| 37 | +``` |
| 38 | +C:\ffmpeg\ |
| 39 | +├── bin\ |
| 40 | +│ ├── ffmpeg.exe |
| 41 | +│ ├── ffplay.exe |
| 42 | +│ └── ffprobe.exe |
| 43 | +├── doc\ |
| 44 | +├── presets\ |
| 45 | +└── ... |
| 46 | +``` |
| 47 | + |
| 48 | +#### 3. 添加到系统 PATH |
| 49 | + |
| 50 | +##### 方式一:永久添加(推荐) |
| 51 | + |
| 52 | +1. 右键点击"此电脑" → "属性" → "高级系统设置" |
| 53 | +2. 点击"环境变量"按钮 |
| 54 | +3. 在"系统变量"部分找到"Path"变量,点击"编辑" |
| 55 | +4. 点击"新建",添加路径:`C:\ffmpeg\bin` |
| 56 | +5. 点击"确定"保存所有对话框 |
| 57 | + |
| 58 | +##### 方式二:临时添加(仅当前会话) |
| 59 | + |
| 60 | +在命令提示符中运行: |
| 61 | +```bash |
| 62 | +set PATH=%PATH%;C:\ffmpeg\bin |
| 63 | +``` |
| 64 | + |
| 65 | +#### 4. 验证安装 |
| 66 | + |
| 67 | +打开新的命令提示符窗口,运行: |
| 68 | + |
| 69 | +```bash |
| 70 | +ffmpeg -version |
| 71 | +``` |
| 72 | + |
| 73 | +如果安装成功,你会看到类似输出: |
| 74 | + |
| 75 | +``` |
| 76 | +ffmpeg version 7.x.x Copyright (c) 2000-2024 the FFmpeg developers |
| 77 | + built with gcc 13.2.0 (crosstool-NG 1.25.0.232_7c07016) |
| 78 | + ... |
| 79 | +``` |
| 80 | + |
| 81 | +## 使用说明 |
| 82 | + |
| 83 | +### 正常构建 |
| 84 | + |
| 85 | +安装 FFmpeg 后,可以正常运行生产构建: |
| 86 | + |
| 87 | +```bash |
| 88 | +npm run build:production |
| 89 | +``` |
| 90 | + |
| 91 | +构建过程会自动优化媒体文件。 |
| 92 | + |
| 93 | +### 跳过媒体优化 |
| 94 | + |
| 95 | +如果没有安装 FFmpeg 或不想优化媒体文件,可以通过设置环境变量来跳过此步骤: |
| 96 | + |
| 97 | +```bash |
| 98 | +# 模拟 CI 环境,跳过媒体优化 |
| 99 | +CI=1 npm run build:production |
| 100 | + |
| 101 | +# 或强制运行优化(需要先安装 FFmpeg) |
| 102 | +OPTIMIZE_MEDIA=1 npm run build:production |
| 103 | +``` |
| 104 | + |
| 105 | +**环境变量说明:** |
| 106 | +- `CI=1`:模拟持续集成环境,构建脚本会自动跳过媒体优化步骤 |
| 107 | +- `OPTIMIZE_MEDIA=1`:强制运行媒体优化,即使在 CI 环境中也会执行 |
| 108 | + |
| 109 | +**构建脚本逻辑:** |
| 110 | +项目在 `prebuild:production` 阶段会检查环境变量: |
| 111 | +- 如果检测到 CI 环境(`CI=1` 或其他 CI 变量),默认跳过媒体优化 |
| 112 | +- 如果设置了 `OPTIMIZE_MEDIA=1`,则强制执行优化 |
| 113 | +- 在本地开发环境中,如果没有设置 CI 变量,会尝试运行媒体优化 |
| 114 | + |
| 115 | +## 故障排除 |
| 116 | + |
| 117 | +### 常见问题 |
| 118 | + |
| 119 | +1. **'ffmpeg' 不是内部或外部命令** |
| 120 | + - 检查 PATH 环境变量是否正确设置 |
| 121 | + - 尝试重启命令提示符或 IDE |
| 122 | + |
| 123 | +2. **构建仍然失败** |
| 124 | + - 确保使用新的命令提示符窗口 |
| 125 | + - 检查 FFmpeg 版本是否支持项目需要的功能 |
| 126 | + |
| 127 | +3. **权限问题** |
| 128 | + - 以管理员身份运行命令提示符 |
| 129 | + - 检查文件夹权限 |
| 130 | + |
| 131 | +### 获取帮助 |
| 132 | + |
| 133 | +如果遇到问题,可以: |
| 134 | +1. 检查 FFmpeg 官方网站的文档 |
| 135 | +2. 查看项目 issue 或讨论区 |
| 136 | +3. 联系开发团队 |
| 137 | + |
| 138 | +## 相关链接 |
| 139 | + |
| 140 | +- FFmpeg 官方网站:https://ffmpeg.org/ |
| 141 | +- FFmpeg Windows 构建:https://www.gyan.dev/ffmpeg/builds/ |
| 142 | +- winget 包管理器:https://docs.microsoft.com/en-us/windows/package-manager/ |
| 143 | + |
| 144 | +--- |
| 145 | + |
| 146 | +*最后更新:2026年2月12日*</content> |
| 147 | +<parameter name="filePath">c:\wui\pro-react\pro-react-admin\docs\FFMPEG_INSTALLATION.md |
0 commit comments