Watchlo:电影剧集动漫漫画

18次阅读
没有评论
Watchlo 免费下载|电影剧集动漫漫画
获取下载链
微信关注「软件教程管家」公众号,回复 watchlo
官方渠道:GitHub 仓库

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 工作流齐备,改动后先跑测试再部署。

上手指南

  1. 准备环境:Node.js 18.17 以上、npm、Git,三件套先装好。
  2. 克隆安装:git clone 仓库,npm install 拉依赖。
  3. 配环境变量:cp .env.example .env.local,填入后端端点(WATCHLO_API_V0 / V1 / V2)与访问凭据 CUSTOM_API_KEY,这是真实工作量所在。
  4. 启动:npm run dev,浏览器打开 localhost:3000 即可访问。
  5. 生产部署:npm run build 编译、npm run start 起生产服务;长期运行前先回归 HLS 播放、字幕、快捷键、章节跳过与跨域代理行为。
  6. 先验证上游:确认 TMDB、AniList 元数据,流媒体提供商与字幕源在你所在地区可用,再谈体验;README 不保证上游持续可用。
  7. 上线后定期回归:上游接口一变就先查代理路由与环境变量配置,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 播放 + 字幕 + 动漫跳过”,代价是自己维护一套第三方服务配置;想要开箱即用、完全离线或内置内容库的,它不合适。

常见问题

  1. Watchlo 自带片源吗?不带。它是目录加播放界面,内容来自你配置的外部提供商与后端端点;README 明确不保证这些上游服务的持续可用性。
  2. 动漫跳过是怎么实现的?AniSkip 提供片头、片尾、回顾的时间区间,播放器按区间打章节标记,按 S 键或自动跳过(据 README)。
  3. 部署要花钱吗?项目本身开源免费;成本在上游服务(TMDB / AniList 免费额度、流媒体提供商、字幕源)与你自己的服务器。
  4. 国内能直接用吗?取决于你配置的上游端点在国内可达性;另外 README 未明确各第三方服务的授权范围与地区可用性,版权条件自行核查。
  5. 漫画功能怎么用?经 /api/manga-search 搜索标题与章节,在同一套界面里追漫;具体书源与章节完整性取决于你配置的漫画服务。
  6. 需要翻墙吗?取决于你配置的上游端点可达性;代理路由只解决密钥隔离与跨域问题,不解决网络可达问题。

适用人群

想自托管影视、动漫、漫画浏览站的开发者,以及研究 Next.js 代理路由、HLS 播放、动漫章节跳过实现的团队。

开源地址

前往 GitHub 仓库

GitHub 国内访问较慢,如打不开可多刷新几次

推广Watchlo 免费下载|电影剧集动漫漫画

关注「软件教程管家」

回复软件名即取即下:网盘下载链接 + 提取码,一步直达,不用再跳转。

版权与使用提示

本站资源仅供个人学习交流,请勿用于商业用途。软件与资料版权归原作者所有;如有侵权,请通过公众号「软件教程管家」联系我们,我们将在 24 小时内下架处理。查看免责声明 ›

上次编辑至今:11小时 · 内容还比较新鲜

公告

契机库网站正式上线!

了解更多
正文完
 0
评论(没有评论)