<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>Yt-Dlp Web界面 on 拾光集</title>
        <link>https://www.tood.win/tags/yt-dlp-web%E7%95%8C%E9%9D%A2/</link>
        <description>Recent content in Yt-Dlp Web界面 on 拾光集</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>zh</language>
        <lastBuildDate>Thu, 27 Aug 2026 12:53:55 +0800</lastBuildDate><atom:link href="https://www.tood.win/tags/yt-dlp-web%E7%95%8C%E9%9D%A2/index.xml" rel="self" type="application/rss+xml" /><item>
            <title>视频下载管理器：支持 B站、YouTube 与 TikTok、小红书等 的自部署工具</title>
            <link>https://www.tood.win/posts/shi-pin-xia-zai-guan-li-qi-zhi-chi-b/</link>
            <pubDate>Sun, 16 Aug 2026 21:50:00 +0800</pubDate>
            <guid>https://www.tood.win/posts/shi-pin-xia-zai-guan-li-qi-zhi-chi-b/</guid>
            <description>&lt;p&gt;如果平时使用 &lt;code&gt;yt-dlp&lt;/code&gt; 下载 B站、&lt;a class=&#34;link&#34; href=&#34;https://www.tood.win/tags/youtube/&#34; &gt;YouTube&lt;/a&gt; 或其他平台的视频，最大的门槛通常不是下载本身，而是需要记命令、管理下载任务以及查看文件状态。&lt;/p&gt;&#xA;&lt;p&gt;&lt;strong&gt;Vidom&lt;/strong&gt; 做的事情，就是在 yt-dlp 外面增加一个 Web 管理界面。&lt;/p&gt;&#xA;&lt;p&gt;部署完成以后，可以直接通过浏览器添加视频地址，并统一查看下载进度、暂停或继续任务、管理历史记录，不需要每次都进入终端输入 yt-dlp 命令。&lt;/p&gt;&#xA;&lt;p&gt;目前项目支持 YouTube、哔哩哔哩、Vimeo、X、TikTok、小红书、Instagram，以及普通 HTTP 媒体直链。&lt;/p&gt;&#xA;&lt;p&gt;&lt;img alt=&#34;视频下载管理器：支持 B站、YouTube 与 TikTok、小红书等 的自部署工具&#34; loading=&#34;lazy&#34; sizes=&#34;(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px&#34; src=&#34;https://www.tood.win/uploads/2026/08/b1c7096b-135f-4fcf-ba27-d70256eb1570-de08fb54.webp&#34;&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;vidom-主要解决什么问题&#34;&gt;Vidom 主要解决什么问题？&#xA;&lt;/h2&gt;&lt;p&gt;Vidom 本身并不是一个新的在线视频解析引擎。&lt;/p&gt;&#xA;&lt;p&gt;它的核心下载能力仍然来自：&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;yt-dlp；&lt;/li&gt;&#xA;&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://www.tood.win/tags/ffmpeg/&#34; &gt;ffmpeg&lt;/a&gt;；&lt;/li&gt;&#xA;&lt;li&gt;普通 HTTP 下载。&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;因此，可以把它理解成：&lt;/p&gt;&#xA;&lt;p&gt;&lt;strong&gt;yt-dlp + 下载队列 + SQLite + Web 管理面板。&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;p&gt;相比直接使用 yt-dlp 命令行，Vidom 更适合需要长期下载或者同时管理多个任务的场景。&lt;/p&gt;&#xA;&lt;p&gt;例如一次加入多个视频以后，可以设置最大并发数，并在网页中查看：&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;当前下载任务；&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;&lt;img alt=&#34;视频下载管理器：支持 B站、YouTube 与 TikTok、小红书等 的自部署工具&#34; loading=&#34;lazy&#34; sizes=&#34;(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px&#34; src=&#34;https://www.tood.win/uploads/2026/08/QQ20260816-214902-90adbcfd.png&#34;&gt;&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;下载百分比；* 实时速度；* 剩余时间；&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;&lt;img alt=&#34;视频下载管理器：支持 B站、YouTube 与 TikTok、小红书等 的自部署工具&#34; loading=&#34;lazy&#34; sizes=&#34;(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px&#34; src=&#34;https://www.tood.win/uploads/2026/08/QQ20260816-214709-e5744c72.png&#34;&gt;&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;下载历史；* 成功与失败状态。&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;&lt;img alt=&#34;视频下载管理器：支持 B站、YouTube 与 TikTok、小红书等 的自部署工具&#34; loading=&#34;lazy&#34; sizes=&#34;(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px&#34; src=&#34;https://www.tood.win/uploads/2026/08/QQ20260816-214728-2dd5eae8.png&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;对于偶尔只下载一个视频的人来说，直接使用 yt-dlp 反而可能更加简单。&lt;/p&gt;&#xA;&lt;h2 id=&#34;vidom-支持哪些视频来源&#34;&gt;Vidom 支持哪些视频来源？&#xA;&lt;/h2&gt;&lt;p&gt;根据现有项目说明，目前内置支持：&lt;/p&gt;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th&gt;来源&lt;/th&gt;&#xA;          &lt;th&gt;支持情况&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;YouTube&lt;/td&gt;&#xA;          &lt;td&gt;支持&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;哔哩哔哩&lt;/td&gt;&#xA;          &lt;td&gt;支持&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;Vimeo&lt;/td&gt;&#xA;          &lt;td&gt;支持&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;X / Twitter&lt;/td&gt;&#xA;          &lt;td&gt;支持&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;TikTok&lt;/td&gt;&#xA;          &lt;td&gt;支持&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;Instagram&lt;/td&gt;&#xA;          &lt;td&gt;支持&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;HTTP 媒体直链&lt;/td&gt;&#xA;          &lt;td&gt;支持&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;&lt;img alt=&#34;视频下载管理器：支持 B站、YouTube 与 TikTok、小红书等 的自部署工具&#34; loading=&#34;lazy&#34; sizes=&#34;(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px&#34; src=&#34;https://www.tood.win/uploads/2026/08/QQ20260816-214719-29bfd764.png&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;平台类视频主要交给 yt-dlp 处理。&lt;/p&gt;&#xA;&lt;p&gt;普通文件直链则可以直接通过 HTTP 下载，并支持 Range 断点续传。&lt;/p&gt;&#xA;&lt;p&gt;需要说明的是，&lt;strong&gt;支持某个平台，并不意味着该平台上的所有内容都可以下载。&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;p&gt;会员视频、需要登录的资源、地区限制内容、DRM 内容以及平台主动限制访问的视频，都可能解析失败。&lt;/p&gt;&#xA;&lt;h2 id=&#34;比直接使用-yt-dlp-多了什么&#34;&gt;比直接使用 yt-dlp 多了什么？&#xA;&lt;/h2&gt;&lt;p&gt;Vidom 比较有价值的部分并不是“支持多少网站”，因为这些能力本身主要来自 yt-dlp，而是它增加了一层下载管理功能。&lt;/p&gt;&#xA;&lt;h3 id=&#34;任务队列&#34;&gt;任务队列&#xA;&lt;/h3&gt;&lt;p&gt;可以限制同时运行的任务数量，目前提供：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;&#xA;&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;&#xA;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1&#xA;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&#xA;&lt;td class=&#34;lntd&#34;&gt;&#xA;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-text&#34; data-lang=&#34;text&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;1 / 2 / 3 / 5 / 10&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&#xA;&lt;/div&gt;&#xA;&lt;/div&gt;&lt;p&gt;默认同时下载 3 个任务。&lt;/p&gt;&#xA;&lt;p&gt;对于网络带宽有限或者同时需要下载大量视频的设备，这比直接批量启动多个 yt-dlp 进程更加容易管理。&lt;/p&gt;&#xA;&lt;h3 id=&#34;暂停继续和重试&#34;&gt;暂停、继续和重试&#xA;&lt;/h3&gt;&lt;p&gt;任务支持：&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;暂停；&lt;/li&gt;&#xA;&lt;li&gt;恢复；&lt;/li&gt;&#xA;&lt;li&gt;取消；&lt;/li&gt;&#xA;&lt;li&gt;重试；&lt;/li&gt;&#xA;&lt;li&gt;删除。&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;恢复下载时会利用 yt-dlp 的断点续传能力，尽量从已经下载的位置继续，而不是重新下载整个文件。&lt;/p&gt;&#xA;&lt;h3 id=&#34;实时进度&#34;&gt;实时进度&#xA;&lt;/h3&gt;&lt;p&gt;前端通过 SSE 接收任务状态，同时保留轮询作为兜底。&lt;/p&gt;&#xA;&lt;p&gt;页面可以显示：&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;下载百分比；&lt;/li&gt;&#xA;&lt;li&gt;下载速度；&lt;/li&gt;&#xA;&lt;li&gt;已下载大小；&lt;/li&gt;&#xA;&lt;li&gt;剩余时间。&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;h3 id=&#34;服务重启后恢复任务&#34;&gt;服务重启后恢复任务&#xA;&lt;/h3&gt;&lt;p&gt;如果服务器意外重启，原来处于：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;&#xA;&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;&#xA;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1&#xA;&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2&#xA;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&#xA;&lt;td class=&#34;lntd&#34;&gt;&#xA;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-text&#34; data-lang=&#34;text&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;parsing&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;downloading&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&#xA;&lt;/div&gt;&#xA;&lt;/div&gt;&lt;p&gt;状态的任务，会重新进入等待队列。&lt;/p&gt;&#xA;&lt;p&gt;已经完成的任务不会重新下载。&lt;/p&gt;&#xA;&lt;p&gt;这对于把 Vidom 长期部署在 NAS、小服务器或者 VPS 上比较有意义。&lt;/p&gt;&#xA;&lt;h3 id=&#34;下载历史和统计&#34;&gt;下载历史和统计&#xA;&lt;/h3&gt;&lt;p&gt;Vidom 还提供 Dashboard 和下载历史。&lt;/p&gt;&#xA;&lt;p&gt;可以查看：&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;今日任务数量；&lt;/li&gt;&#xA;&lt;li&gt;累计下载量；&lt;/li&gt;&#xA;&lt;li&gt;成功率；&lt;/li&gt;&#xA;&lt;li&gt;不同平台占比；&lt;/li&gt;&#xA;&lt;li&gt;每日下载趋势。&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;历史记录支持关键词搜索、平台筛选以及按照时间或文件大小排序。&lt;/p&gt;&#xA;&lt;p&gt;如果只是偶尔下载视频，这些功能意义有限；如果把它当作长期运行的下载中心，管理价值会明显一些。&lt;/p&gt;&#xA;&lt;h2 id=&#34;vidom-的技术结构&#34;&gt;Vidom 的技术结构&#xA;&lt;/h2&gt;&lt;p&gt;项目采用前后端分离结构，但生产环境可以由单个 Node.js 服务提供。&lt;/p&gt;&#xA;&lt;p&gt;主要技术包括：&lt;/p&gt;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th&gt;部分&lt;/th&gt;&#xA;          &lt;th&gt;技术&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;后端&lt;/td&gt;&#xA;          &lt;td&gt;Node.js 22+、Express、TypeScript&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;前端&lt;/td&gt;&#xA;          &lt;td&gt;React、TypeScript、&lt;a class=&#34;link&#34; href=&#34;https://www.tood.win/tags/vite/&#34; &gt;Vite&lt;/a&gt;&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;UI&lt;/td&gt;&#xA;          &lt;td&gt;Tailwind CSS v4&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;数据库&lt;/td&gt;&#xA;          &lt;td&gt;SQLite&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;视频解析&lt;/td&gt;&#xA;          &lt;td&gt;yt-dlp&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;音视频处理&lt;/td&gt;&#xA;          &lt;td&gt;ffmpeg&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;自动化测试&lt;/td&gt;&#xA;          &lt;td&gt;Playwright&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;数据库直接使用 Node.js 自带的 &lt;code&gt;node:sqlite&lt;/code&gt;。&lt;/p&gt;&#xA;&lt;p&gt;&lt;img alt=&#34;视频下载管理器：支持 B站、YouTube 与 TikTok、小红书等 的自部署工具&#34; loading=&#34;lazy&#34; sizes=&#34;(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px&#34; src=&#34;https://www.tood.win/uploads/2026/08/QQ20260816214806-8b1ac138.png&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;因此如果按照原始项目设计运行，需要 &lt;strong&gt;Node.js 22 或更高版本&lt;/strong&gt;。&lt;/p&gt;&#xA;&lt;h2 id=&#34;windows本地部署&#34;&gt;[Windows]本地部署&#xA;&lt;/h2&gt;&lt;p&gt;程序已经打包生成exe可执行文件，双击文件后就能直接使用，无需手动安装各种环境和依赖，做到开箱即用！&lt;/p&gt;&#xA;</description>
        </item></channel>
</rss>
