如何用 movie-web 快速搭建个人电影聚合平台【免费下载链接】movie-webmovie-web 是一款用于轻松观看电影的网络应用程序。该服务的工作原理是在直观且美观的用户界面中显示来自第三方提供商的视频文件。项目地址: https://gitcode.com/GitHub_Trending/mo/movie-webmovie-web 是一款开源的电影聚合平台它把分散在多个第三方提供商处的视频资源整合进同一个搜索界面并提供播放进度记录、收藏、多设备同步等功能。它本身不存储任何影片文件服务器只是一个静态站点因此托管成本极低一个人用普通 VPS 甚至静态主机就能跑起来。 先搞清楚 movie-web 能做什么movie-web 的核心交互只有一条线搜索影片 → 选择播放源 → 开始观看。统一搜索影片元数据来自 TMDB搜索结果包含电影和剧集按季按集组织多源播放同一部影片会列出多个第三方播放源哪个能播用哪个播放器支持清晰度选择、字幕设置、倍速、画中画也支持 Chromecast 投屏和 AirPlay进度自动保存看了一半关掉页面下次打开会接着上次的位置收藏与历史把想看的影片加入书签正在看的影片自动归入观看中列表无算法干扰界面只展示你收藏和看过的内容没有推荐流和广告位。它同时是一个 PWA渐进式 Web 应用用手机或平板浏览器打开后可以直接安装到主屏幕图标和启动画面按设备尺寸适配接近原生 App 的体验。 本地跑通 movie-web四步启动开发环境的要求很明确Node.js 20 pnpm项目的 preinstall 脚本会强制使用 pnpm。git clone https://gitcode.com/GitHub_Trending/mo/movie-web cd movie-web pnpm install第二步是配置。仓库根目录有example.env作为模板复制为.env后填入四项cp example.env .envVITE_TMDB_READ_API_KEYTMDB 的读取密钥用于影片元数据VITE_CORS_PROXY_URLCORS 代理地址结尾不能带斜杠它决定影片源请求走哪条通道VITE_APP_DOMAIN应用访问域名本地开发填http://localhost:5173VITE_OPENSEARCH_ENABLED是否启用 OpenSearch默认 false。第三步启动pnpm dev浏览器打开本地地址后首次使用会进入一个两步引导要么填一个可用的 CORS 代理地址要么安装配套的浏览器扩展扩展方式质量更稳定代理方式零安装。选一条走通即可开始搜索和播放。第四步是生产构建pnpm build产物输出在dist/目录就是一组纯静态文件扔到任何静态服务器都能跑。不想本地装 Node 环境的话仓库自带 Dockerfile基于node:20-alpine构建、nginx:stable-alpine托管docker build加一条docker run映射 80 端口即可。 影片到底从哪里来第三方聚合的工作原理movie-web 的架构刻意做到轻服务器理解这一点能帮你避开大多数部署问题。所有资源抓取都在浏览器端完成代码位于 src/backend/providers/ 模块前端请求经由 CORS 代理或浏览器扩展转发到第三方提供商视频流也是直接从第三方推给播放器你的服务器全程不碰媒体文件。这带来两条硬性约束README 里写得很直白代理请求的数量要尽量少——因为代理通道通常有配额媒体内容绝不能经过代理中转——所以只有不携带 CORS 限制的流可以直接播放。抓取层的 src/backend/providers/fetchers.ts 实现了多代理负载均衡配置多个代理地址时请求会在它们之间轮转单个代理挂了或限流了不影响整体可用性。这也是自托管时建议准备 2 个以上代理地址的原因。如果你部署的是一个纯静态站点还可以不改构建、直接在部署后修改 public/config.js 来调整代理地址、TMDB 密钥等运行时配置省去重新构建的步骤。 多设备同步与 PWA 体验movie-web 的状态进度、收藏、音量、字幕偏好等默认存在浏览器的 localStorage 里由 src/stores/ 目录下的多个 zustand store 管理。这意味着换一台设备数据会丢——除非你注册一个账号。账号体系是可选的注册后观看进度和书签会通过后端同步到云端手机上看了一半回家电脑上接着播。同步是可选开关不注册完全不影响观看。PWA 安装后的启动画面按具体设备型号准备了横竖屏两套下面就是 iPad Pro 12.9 英寸的横屏启动画面投屏方面Chromecast 和 AirPlay 都内置在播放器控件里手机端投屏到大屏是常见用法。 个性化定制主题与多语言界面颜色由 themes/list/ 目录下的主题文件控制现有蓝色、灰色、红色、青绿四套在设置页一键切换不需要改代码。每个主题本质是一张颜色 token 表照格式新增一个文件就能自定义配色。界面语言由src/assets/locales/下的 JSON 文件驱动目前覆盖 40 种语言中文在zh.json阿拉伯语、希伯来语等 RTL 语言也做了排版适配。movie-web 的价值在于用最低的成本解决了一个高频痛点影片源分散、进度不连贯、界面广告多。它的静态站点 客户端抓取的架构让自托管的门槛停留在配一个代理、填一个 API key。下一步你可以先把pnpm build的产物部署到一台有域名的机器上再注册账号把手机和电脑串起来如果播放源不稳定多配几个 CORS 代理地址是见效最快的手段。【免费下载链接】movie-webmovie-web 是一款用于轻松观看电影的网络应用程序。该服务的工作原理是在直观且美观的用户界面中显示来自第三方提供商的视频文件。项目地址: https://gitcode.com/GitHub_Trending/mo/movie-web创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考