
Watchlo 中文版下载|多平台(电影剧集动漫漫画,一个开源播放应用全包)
30 秒速读:Watchlo 是基于 Next.js 15 的开源媒体目录与放映室:电影、剧集、动漫、漫画统一浏览,TMDB + AniList 元数据,Vidstack + hls.js 播放器,AniSkip 自动跳过动漫片头片尾,漫画架可搜可看章节。浏览器请求经 Next.js Route Handler 代理转发,隔离 API 密钥、绕开上游跨域限制。注意:播放内容依赖外部提供商与环境变量配置,它是”界面 + 代理层”,不是内容库本身。
项目信息表
| 项目名 | Watchlo |
| 仓库 | github.com/alfaruqii/watchlo |
| 语言 | TypeScript(Next.js 15 App Router + React 19 + Tailwind CSS) |
| 平台 | 网页端(自托管,需 Node.js 18.17+) |
| 许可证 | README 与仓库页未明确标注,采用前查看仓库 LICENSE 文件 |
| 更新 | 104 star / 40 fork,463 次提交,仍在维护 |
核心功能
- 统一目录:电影、剧集、动漫同屏浏览,背景图、预告片、关联信息、用户评论一应俱全。
- 放映室播放器:基于 Vidstack 与 hls.js 的自研播放布局,画质选择、字幕控制齐备。
- AniSkip 集成:动漫片头、片尾、回顾的亚秒级跳过检测,时间轴章节标记,一键跳过。
- 漫画架:MangaService 驱动的漫画搜索与章节阅读,追漫也在同一套界面里。
- 代理路由层:所有浏览器请求走 Next.js Route Handler,隔离 API 密钥、规避上游 CORS 限制。
- 档案风界面:Warm Obsidian + Criterion Spine 设计语言,Radix UI 原语组件,实体表面、零玻璃拟态。
- Diataxis 文档:教程、操作指南、参考、架构解释四类文档齐备,按任务查阅不迷路。
- 完整快捷键:空格 / K 播放、J / L 快退快进 10 秒、S 跳过片头片尾区间、C 字幕、I 画中画、T 剧场模式、F 全屏。
- 测试与持续集成:Jest 单元测试套件、ESLint 校验、GitHub Actions 工作流齐备,改动后先跑测试再部署。
上手指南
- 准备环境:Node.js 18.17 以上、npm、Git,三件套先装好。
- 克隆安装:git clone 仓库,npm install 拉依赖。
- 配环境变量:cp .env.example .env.local,填入后端端点(WATCHLO_API_V0 / V1 / V2)与访问凭据 CUSTOM_API_KEY,这是真实工作量所在。
- 启动:npm run dev,浏览器打开 localhost:3000 即可访问。
- 生产部署:npm run build 编译、npm run start 起生产服务;长期运行前先回归 HLS 播放、字幕、快捷键、章节跳过与跨域代理行为。
- 先验证上游:确认 TMDB、AniList 元数据,流媒体提供商与字幕源在你所在地区可用,再谈体验;README 不保证上游持续可用。
- 上线后定期回归:上游接口一变就先查代理路由与环境变量配置,README 建议把这项检查做进日常维护。
独家整理:内部代理路由一览
| 路由 | 作用 |
|---|---|
| /api/animestream | 取 HLS 流地址与字幕轨 |
| /api/anime-infov1 | 按剧集拉取播放源列表 |
| /api/anime-infov2 | AniList 系列元数据与关联信息 |
| /api/anime-skiptime | 片头、片尾、回顾时间区间 |
| /api/anime-search | 动漫搜索 |
| /api/manga-search | 漫画标题与章节搜索 |
| /api/movie-search | TMDB 电影与剧集搜索 |
| /api/subtitles | 影院嵌入场景的字幕轨 |
一句话取舍:选 Watchlo,等于选了”统一媒体目录 + HLS 播放 + 字幕 + 动漫跳过”,代价是自己维护一套第三方服务配置;想要开箱即用、完全离线或内置内容库的,它不合适。
常见问题
- Watchlo 自带片源吗?不带。它是目录加播放界面,内容来自你配置的外部提供商与后端端点;README 明确不保证这些上游服务的持续可用性。
- 动漫跳过是怎么实现的?AniSkip 提供片头、片尾、回顾的时间区间,播放器按区间打章节标记,按 S 键或自动跳过(据 README)。
- 部署要花钱吗?项目本身开源免费;成本在上游服务(TMDB / AniList 免费额度、流媒体提供商、字幕源)与你自己的服务器。
- 国内能直接用吗?取决于你配置的上游端点在国内可达性;另外 README 未明确各第三方服务的授权范围与地区可用性,版权条件自行核查。
- 漫画功能怎么用?经 /api/manga-search 搜索标题与章节,在同一套界面里追漫;具体书源与章节完整性取决于你配置的漫画服务。
- 需要翻墙吗?取决于你配置的上游端点可达性;代理路由只解决密钥隔离与跨域问题,不解决网络可达问题。
适用人群
想自托管影视、动漫、漫画浏览站的开发者,以及研究 Next.js 代理路由、HLS 播放、动漫章节跳过实现的团队。
开源地址
GitHub 国内访问较慢,如打不开可多刷新几次
推广

关注「软件教程管家」
回复软件名即取即下:网盘下载链接 + 提取码,一步直达,不用再跳转。
版权与使用提示
本站资源仅供个人学习交流,请勿用于商业用途。软件与资料版权归原作者所有;如有侵权,请通过公众号「软件教程管家」联系我们,我们将在 24 小时内下架处理。查看免责声明 ›
文章推荐
标签推荐
正文完







