← 返回项目库

yt-dlp 网页下载管理界面

面向自托管场景的 yt-dlp 浏览器操作界面，提供下载提交、任务查看、归档访问和基础设置管理。

该前端为 yt-dlp-webui 的 Vite React 客户端，围绕配套 RPC 与归档接口组织常用下载工作流，适合在内网或个人服务器上管理视频下载任务。

真实界面

项目截图

共 7 张

没有正在进行的下载
新建下载
模板编辑器
设置
Cookie 设置
日志
已下载文件

Capabilities

核心功能

✓支持输入单个或多行视频 URL 发起下载
✓支持播放列表下载选项
✓支持视频和音频格式选择流程
✓支持任务卡片视图和表格视图切换
✓支持归档文件查看、下载和删除操作
✓支持 RPC 地址、端口、轮询间隔和反向代理基础路径配置
✓支持自定义文件名、保存路径、Cookie 和 yt-dlp 参数
✓支持日志页面查看服务端日志流

适用场景

个人服务器集中提交和观察视频下载任务
内容资料归档时批量下载播放列表并管理已下载文件
内网工具面板中为非命令行用户提供 yt-dlp 操作入口

适合谁

需要集中管理 yt-dlp 下载任务的个人用户、内容归档人员、小团队运维人员和自托管工具维护者。

商业化思路

自托管开源工具本身不包含付费能力，商业化可围绕部署集成、内网工具交付、运维支持和使用培训提供服务。

你会拿到什么

  • ✓中文化后的 Vite React 前端源码
  • ✓可由 pnpm 构建生成的静态前端产物

部署流程

  1. 1在前端目录安装依赖并执行 pnpm build 生成 dist 目录
  2. 2将 dist 静态文件部署到 Web 服务器，并配置连接到已运行的配套后端 RPC 与归档接口

真实验证结果

已通过 7 个真实运行中文界面、HTTP、可见正文、控制台、坏图和横向溢出质量门。

部署前须知

前端依赖配套后端的 RPC、归档和日志接口；未连接后端时部分页面会显示连接错误或空状态。

部署难度

中等

最低配置

可托管静态前端并运行配套后端的服务器即可使用，建议从 1 核 CPU、1 GB 内存和足够下载存储空间起步，实际配置取决于并发下载与文件体积。

开源许可证

MPL-2.0

最后验证

2026-08-25

技术栈

ViteReact 18TypeScriptMaterial UIRecoilRxJS

授权说明

保持上游 MPL-2.0 许可边界，本次只做中文本地化与界面文案调整，不新增许可授权或托管服务承诺。

Release notes

版本记录

1 个已发布版本

vcn-98f0ea3bd249 当前推荐

完成 zh-CN 默认界面、本地化回退和主要用户可见控件文案翻译，补充差异化捕获计划并通过生产构建。

部署要求：需要 Node.js 与 pnpm 构建环境，运行时需要可访问的 yt-dlp-webui 配套后端、RPC 端点和足够的文件存储空间。

已知问题：本次未验证真实后端下载流程、认证登录和日志流，只确认前端构建通过与静态中文界面文案更新。

登录后领取