389 lines
20 KiB
Markdown
389 lines
20 KiB
Markdown
# MoonTV
|
||
|
||
<div align="center">
|
||
<img src="public/logo.png" alt="LibreTV Logo" width="120">
|
||
</div>
|
||
|
||
> 🎬 **MoonTV** 是一个开箱即用的、跨平台的影视聚合播放器。它基于 **Next.js 14** + **Tailwind CSS** + **TypeScript** 构建，支持多资源搜索、在线播放、收藏同步、播放记录、本地/云端存储，让你可以随时随地畅享海量免费影视内容。
|
||
|
||
<div align="center">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
---
|
||
|
||
## ✨ 功能特性
|
||
|
||
- 🔍 **多源聚合搜索**：内置数十个免费资源站点，一次搜索立刻返回全源结果。
|
||
- 📄 **丰富详情页**：支持剧集列表、演员、年份、简介等完整信息展示。
|
||
- ▶️ **流畅在线播放**：集成 HLS.js & ArtPlayer。
|
||
- ❤️ **收藏 + 继续观看**：支持 Redis/D1/Upstash 存储，多端同步进度。
|
||
- 📱 **PWA**：离线缓存、安装到桌面/主屏，移动端原生体验。
|
||
- 🌗 **响应式布局**：桌面侧边栏 + 移动底部导航，自适应各种屏幕尺寸。
|
||
- 🚀 **极简部署**：一条 Docker 命令即可将完整服务跑起来，或免费部署到 Vercel、Netlify 和 ~~Cloudflare~~。
|
||
- 👿 **智能去广告**：自动跳过视频中的切片广告（实验性）
|
||
|
||
<details>
|
||
<summary>点击查看项目截图</summary>
|
||
<img src="public/screenshot1.png" alt="项目截图" style="max-width:600px">
|
||
<img src="public/screenshot2.png" alt="项目截图" style="max-width:600px">
|
||
<img src="public/screenshot3.png" alt="项目截图" style="max-width:600px">
|
||
</details>
|
||
|
||
## 🗺 目录
|
||
|
||
- [技术栈](#技术栈)
|
||
- [部署](#部署)
|
||
- [Docker Compose 最佳实践](#Docker-Compose-最佳实践)
|
||
- [环境变量](#环境变量)
|
||
- [配置说明](#配置说明)
|
||
- [管理员配置](#管理员配置)
|
||
- [AndroidTV 使用](#AndroidTV-使用)
|
||
- [Roadmap](#roadmap)
|
||
- [安全与隐私提醒](#安全与隐私提醒)
|
||
- [License](#license)
|
||
- [致谢](#致谢)
|
||
|
||
## 技术栈
|
||
|
||
| 分类 | 主要依赖 |
|
||
| --------- | ----------------------------------------------------------------------------------------------------- |
|
||
| 前端框架 | [Next.js 14](https://nextjs.org/) · App Router |
|
||
| UI & 样式 | [Tailwind CSS 3](https://tailwindcss.com/) |
|
||
| 语言 | TypeScript 4 |
|
||
| 播放器 | [ArtPlayer](https://github.com/zhw2590582/ArtPlayer) · [HLS.js](https://github.com/video-dev/hls.js/) |
|
||
| 代码质量 | ESLint · Prettier · Jest |
|
||
| 部署 | Docker · Vercel · CloudFlare pages |
|
||
|
||
## 部署
|
||
|
||
本项目**支持 Vercel、Docker、Netlify 和 ~~Cloudflare~~** 部署。
|
||
|
||
存储支持矩阵
|
||
|
||
| | Docker | Vercel | Netlify | ~~Cloudflare~~ |
|
||
| :---------------: | :----: | :----: | :-----: | :------------: |
|
||
| localstorage | ✅ | ✅ | ✅ | ✅ |
|
||
| 原生 redis | ✅ | | | |
|
||
| ~~Cloudflare D1~~ | | | | ✅ |
|
||
| Upstash Redis | ☑️ | ✅ | ✅ | ☑️ |
|
||
|
||
✅：经测试支持
|
||
|
||
☑️：理论上支持，未测试
|
||
|
||
除 localstorage 方式外，其他方式都支持多账户、记录同步和管理页面
|
||
|
||
### Vercel 部署
|
||
|
||
#### 普通部署（localstorage）
|
||
|
||
1. **Fork** 本仓库到你的 GitHub 账户。
|
||
2. 登陆 [Vercel](https://vercel.com/)，点击 **Add New → Project**，选择 Fork 后的仓库。
|
||
3. 设置 PASSWORD 环境变量。
|
||
4. 保持默认设置完成首次部署。
|
||
5. 如需自定义 `config.json`，请直接修改 Fork 后仓库中该文件。
|
||
6. 每次 Push 到 `main` 分支将自动触发重新构建。
|
||
|
||
部署完成后即可通过分配的域名访问，也可以绑定自定义域名。
|
||
|
||
#### Upstash Redis 支持
|
||
|
||
0. 完成普通部署并成功访问。
|
||
1. 在 [upstash](https://upstash.com/) 注册账号并新建一个 Redis 实例，名称任意。
|
||
2. 复制新数据库的 **HTTPS ENDPOINT 和 TOKEN**
|
||
3. 返回你的 Vercel 项目，新增环境变量 **UPSTASH_URL 和 UPSTASH_TOKEN**，值为第二步复制的 endpoint 和 token
|
||
4. 设置环境变量 NEXT_PUBLIC_STORAGE_TYPE，值为 **upstash**；设置 USERNAME 和 PASSWORD 作为站长账号
|
||
5. 重试部署
|
||
|
||
### Netlify 部署
|
||
|
||
#### 普通部署（localstorage）
|
||
|
||
1. **Fork** 本仓库到你的 GitHub 账户。
|
||
2. 登陆 [Netlify](https://www.netlify.com/)，点击 **Add New project → Importing an existing project**，授权 Github，选择 Fork 后的仓库。
|
||
3. 设置 PASSWORD 环境变量。
|
||
4. 保持默认设置完成首次部署。
|
||
5. 如需自定义 `config.json`，请直接修改 Fork 后仓库中该文件。
|
||
6. 每次 Push 到 `main` 分支将自动触发重新构建。
|
||
|
||
部署完成后即可通过分配的域名访问，也可以绑定自定义域名。
|
||
|
||
#### Upstash Redis 支持
|
||
|
||
0. 完成普通部署并成功访问。
|
||
1. 在 [upstash](https://upstash.com/) 注册账号并新建一个 Redis 实例，名称任意。
|
||
2. 复制新数据库的 **HTTPS ENDPOINT 和 TOKEN**
|
||
3. 返回你的 Netlify 项目，**Project Configuration → Environment variables** 新增环境变量 **UPSTASH_URL 和 UPSTASH_TOKEN**，值为第二步复制的 endpoint 和 token
|
||
4. 设置环境变量 NEXT_PUBLIC_STORAGE_TYPE，值为 **upstash**；设置 USERNAME 和 PASSWORD 作为站长账号
|
||
5. 重试部署
|
||
|
||
### Cloudflare 部署（**不支持，详情请看置顶 issue**）
|
||
|
||
~~**Cloudflare Pages 的环境变量尽量设置为密钥而非文本**~~
|
||
|
||
#### ~~普通部署（localstorage）~~
|
||
|
||
~~1. **Fork** 本仓库到你的 GitHub 账户。~~
|
||
~~2. 登陆 [Cloudflare](https://cloudflare.com)，点击 **计算（Workers）-> Workers 和 Pages**，点击创建~~
|
||
~~3. 选择 Pages，导入现有的 Git 存储库，选择 Fork 后的仓库~~
|
||
~~4. 构建命令填写 **pnpm install --frozen-lockfile && pnpm run pages:build**，预设框架为无，**构建输出目录**为 `.vercel/output/static`~~
|
||
~~5. 保持默认设置完成首次部署。进入设置，将兼容性标志设置为 `nodejs_compat`，无需选择，直接粘贴~~
|
||
~~6. 首次部署完成后进入设置，新增 PASSWORD 密钥（变量和机密下），而后重试部署。~~
|
||
~~7. 如需自定义 `config.json`，请直接修改 Fork 后仓库中该文件。~~
|
||
~~8. 每次 Push 到 `main` 分支将自动触发重新构建。~~
|
||
|
||
#### ~~D1 支持~~
|
||
|
||
~~0. 完成普通部署并成功访问~~
|
||
~~1. 点击 **存储和数据库 -> D1 SQL 数据库**，创建一个新的数据库，名称随意~~
|
||
~~2. 进入刚创建的数据库，点击左上角的 Explore Data，将[D1 初始化](D1初始化.md) 中的内容粘贴到 Query 窗口后点击 **Run All**，等待运行完成~~
|
||
~~3. 返回你的 pages 项目，进入 **设置 -> 绑定**，添加绑定 D1 数据库，选择你刚创建的数据库，变量名称填 **DB**~~
|
||
~~4. 设置环境变量 NEXT_PUBLIC_STORAGE_TYPE，值为 **d1**；设置 USERNAME 和 PASSWORD 作为站长账号~~
|
||
~~5. 重试部署~~
|
||
|
||
### Docker 部署
|
||
|
||
#### 1. 直接运行（最简单，localstorage）
|
||
|
||
```bash
|
||
# 拉取预构建镜像
|
||
# 推荐使用具体版本号标签，确保稳定性
|
||
docker pull ghcr.io/lunatechlab/moontv:1.0.4
|
||
# 或拉取最新版本
|
||
docker pull ghcr.io/lunatechlab/moontv:latest
|
||
|
||
# 运行容器
|
||
# -d: 后台运行 -p: 映射端口 3000 -> 3000
|
||
docker run -d --name moontv -p 3000:3000 --env PASSWORD=your_password ghcr.io/lunatechlab/moontv:latest
|
||
```
|
||
|
||
#### 可用标签
|
||
|
||
- `ghcr.io/lunatechlab/moontv:1.0.4` - 具体版本号，推荐用于生产环境
|
||
- `ghcr.io/lunatechlab/moontv:latest` - 最新版本，可能包含最新功能但也可能有未测试的变化
|
||
- `ghcr.io/lunatechlab/moontv:pr-{number}` - PR 构建版本，用于测试新功能
|
||
|
||
访问 `http://服务器 IP:3000` 即可。（需自行到服务器控制台放通 `3000` 端口）
|
||
|
||
## Docker Compose 最佳实践
|
||
|
||
若你使用 docker compose 部署，以下是一些 compose 示例
|
||
|
||
### local storage 版本
|
||
|
||
```yaml
|
||
services:
|
||
moontv-core:
|
||
image: ghcr.io/lunatechlab/moontv:latest
|
||
container_name: moontv-core
|
||
restart: unless-stopped
|
||
ports:
|
||
- '3000:3000'
|
||
environment:
|
||
- PASSWORD=your_password
|
||
# 如需自定义配置，可挂载文件
|
||
# volumes:
|
||
# - ./config.json:/app/config.json:ro
|
||
```
|
||
|
||
### Redis 版本（推荐，多账户数据隔离，跨设备同步）
|
||
|
||
```yaml
|
||
services:
|
||
moontv-core:
|
||
image: ghcr.io/lunatechlab/moontv:latest
|
||
container_name: moontv-core
|
||
restart: unless-stopped
|
||
ports:
|
||
- '3000:3000'
|
||
environment:
|
||
- USERNAME=admin
|
||
- PASSWORD=admin_password
|
||
- NEXT_PUBLIC_STORAGE_TYPE=redis
|
||
- REDIS_URL=redis://moontv-redis:6379
|
||
- NEXT_PUBLIC_ENABLE_REGISTER=true
|
||
networks:
|
||
- moontv-network
|
||
depends_on:
|
||
- moontv-redis
|
||
# 如需自定义配置，可挂载文件
|
||
# volumes:
|
||
# - ./config.json:/app/config.json:ro
|
||
moontv-redis:
|
||
image: redis:alpine
|
||
container_name: moontv-redis
|
||
restart: unless-stopped
|
||
networks:
|
||
- moontv-network
|
||
# 如需持久化
|
||
# volumes:
|
||
# - ./data:/data
|
||
networks:
|
||
moontv-network:
|
||
driver: bridge
|
||
```
|
||
|
||
## 自动同步最近更改
|
||
|
||
建议在 fork 的仓库中启用本仓库自带的 GitHub Actions 自动同步功能（见 `.github/workflows/sync.yml`）。
|
||
|
||
如需手动同步主仓库更新，也可以使用 GitHub 官方的 [Sync fork](https://docs.github.com/cn/github/collaborating-with-issues-and-pull-requests/syncing-a-fork) 功能。
|
||
|
||
## 环境变量
|
||
|
||
| 变量 | 说明 | 可选值 | 默认值 |
|
||
| ----------------------------------- | -------------------------------------------- | -------------------------------- | -------------------------------------------------------------------------------------------------------------------------- |
|
||
| USERNAME | 非 localstorage 部署时的管理员账号 | 任意字符串 | （空） |
|
||
| PASSWORD | 非 localstorage 部署时为管理员密码 | 任意字符串 | （空） |
|
||
| NEXT_PUBLIC_SITE_NAME | 站点名称 | 任意字符串 | MoonTV |
|
||
| ANNOUNCEMENT | 站点公告 | 任意字符串 | 本网站仅提供影视信息搜索服务，所有内容均来自第三方网站。本站不存储任何视频资源，不对任何内容的准确性、合法性、完整性负责。 |
|
||
| NEXT_PUBLIC_STORAGE_TYPE | 播放记录/收藏的存储方式 | localstorage、redis、d1、upstash | localstorage |
|
||
| REDIS_URL | redis 连接 url | 连接 url | 空 |
|
||
| UPSTASH_URL | upstash redis 连接 url | 连接 url | 空 |
|
||
| UPSTASH_TOKEN | upstash redis 连接 token | 连接 token | 空 |
|
||
| NEXT_PUBLIC_ENABLE_REGISTER | 是否开放注册，仅在非 localstorage 部署时生效 | true / false | false |
|
||
| NEXT_PUBLIC_SEARCH_MAX_PAGE | 搜索接口可拉取的最大页数 | 1-50 | 5 |
|
||
| NEXT_PUBLIC_DOUBAN_PROXY_TYPE | 豆瓣数据源请求方式 | 见下方 | direct |
|
||
| NEXT_PUBLIC_DOUBAN_PROXY | 自定义豆瓣数据代理 URL | url prefix | (空) |
|
||
| NEXT_PUBLIC_DOUBAN_IMAGE_PROXY_TYPE | 豆瓣图片代理类型 | 见下方 | direct |
|
||
| NEXT_PUBLIC_DOUBAN_IMAGE_PROXY | 自定义豆瓣图片代理 URL | url prefix | (空) |
|
||
| direct |
|
||
| NEXT_PUBLIC_DISABLE_YELLOW_FILTER | 关闭色情内容过滤 | true/false | false |
|
||
|
||
NEXT_PUBLIC_DOUBAN_PROXY_TYPE 选项解释：
|
||
|
||
- direct: 由服务器直接请求豆瓣源站
|
||
- cors-proxy-zwei: 浏览器向 cors proxy 请求豆瓣数据，该 cors proxy 由 [Zwei](https://github.com/bestzwei) 搭建
|
||
- cmliussss-cdn-tencent: 浏览器向豆瓣 CDN 请求数据，该 CDN 由 [CMLiussss](https://github.com/cmliu) 搭建，并由腾讯云 cdn 提供加速
|
||
- cmliussss-cdn-ali: 浏览器向豆瓣 CDN 请求数据，该 CDN 由 [CMLiussss](https://github.com/cmliu) 搭建，并由阿里云 cdn 提供加速
|
||
- cors-anywhere: 浏览器向 cors proxy 请求豆瓣数据，该 cors proxy 为公共服务 [cors-anywhere](https://cors-anywhere.com)，限制每分钟 20 次请求
|
||
- custom: 用户自定义 proxy，由 NEXT_PUBLIC_DOUBAN_PROXY 定义
|
||
|
||
NEXT_PUBLIC_DOUBAN_IMAGE_PROXY_TYPE 选项解释：
|
||
|
||
- direct：由浏览器直接请求豆瓣分配的默认图片域名
|
||
- server：由服务器代理请求豆瓣分配的默认图片域名
|
||
- img3：由浏览器请求豆瓣官方的精品 cdn（阿里云）
|
||
- cmliussss-cdn-tencent：由浏览器请求豆瓣 CDN，该 CDN 由 [CMLiussss](https://github.com/cmliu) 搭建，并由腾讯云 cdn 提供加速
|
||
- cmliussss-cdn-ali：由浏览器请求豆瓣 CDN，该 CDN 由 [CMLiussss](https://github.com/cmliu) 搭建，并由阿里云 cdn 提供加速
|
||
- custom: 用户自定义 proxy，由 NEXT_PUBLIC_DOUBAN_IMAGE_PROXY 定义
|
||
|
||
## 配置说明
|
||
|
||
所有可自定义项集中在根目录的 `config.json` 中：
|
||
|
||
```json
|
||
{
|
||
"cache_time": 7200,
|
||
"api_site": {
|
||
"dyttzy": {
|
||
"api": "http://caiji.dyttzyapi.com/api.php/provide/vod",
|
||
"name": "电影天堂资源",
|
||
"detail": "http://caiji.dyttzyapi.com"
|
||
}
|
||
// ...更多站点
|
||
},
|
||
"custom_category": [
|
||
{
|
||
"name": "华语",
|
||
"type": "movie",
|
||
"query": "华语"
|
||
}
|
||
]
|
||
}
|
||
```
|
||
|
||
- `cache_time`：接口缓存时间（秒）。
|
||
- `api_site`：你可以增删或替换任何资源站，字段说明：
|
||
- `key`：唯一标识，保持小写字母/数字。
|
||
- `api`：资源站提供的 `vod` JSON API 根地址。
|
||
- `name`：在人机界面中展示的名称。
|
||
- `detail`：（可选）部分无法通过 API 获取剧集详情的站点，需要提供网页详情根 URL，用于爬取。
|
||
- `custom_category`：自定义分类配置，用于在导航中添加个性化的影视分类。以 type + query 作为唯一标识。支持以下字段：
|
||
- `name`：分类显示名称（可选，如不提供则使用 query 作为显示名）
|
||
- `type`：分类类型，支持 `movie`（电影）或 `tv`（电视剧）
|
||
- `query`：搜索关键词，用于在豆瓣 API 中搜索相关内容
|
||
|
||
custom_category 支持的自定义分类已知如下：
|
||
|
||
- movie：热门、最新、经典、豆瓣高分、冷门佳片、华语、欧美、韩国、日本、动作、喜剧、爱情、科幻、悬疑、恐怖、治愈
|
||
- tv：热门、美剧、英剧、韩剧、日剧、国产剧、港剧、日本动画、综艺、纪录片
|
||
|
||
也可输入如 "哈利波特" 效果等同于豆瓣搜索
|
||
|
||
MoonTV 支持标准的苹果 CMS V10 API 格式。
|
||
|
||
修改后 **无需重新构建**，服务会在启动时读取一次。
|
||
|
||
## 管理员配置
|
||
|
||
**该特性目前仅支持通过非 localstorage 存储的部署方式使用**
|
||
|
||
支持在运行时动态变更服务配置
|
||
|
||
设置环境变量 USERNAME 和 PASSWORD 即为站长用户，站长可设置用户为管理员
|
||
|
||
站长或管理员访问 `/admin` 即可进行管理员配置
|
||
|
||
## AndroidTV 使用
|
||
|
||
目前该项目可以配合 [OrionTV](https://github.com/zimplexing/OrionTV) 在 Android TV 上使用，可以直接作为 OrionTV 后端
|
||
|
||
暂时收藏夹与播放记录和网页端隔离，后续会支持同步用户数据
|
||
|
||
## Roadmap
|
||
|
||
- [x] 深色模式
|
||
- [x] 持久化存储
|
||
- [x] 多账户
|
||
|
||
## 安全与隐私提醒
|
||
|
||
### 请设置密码保护并关闭公网注册
|
||
|
||
为了您的安全和避免潜在的法律风险，我们要求在部署时设置密码保护并**强烈建议关闭公网注册**：
|
||
|
||
- **避免公开访问**：不设置密码的实例任何人都可以访问，可能被恶意利用
|
||
- **防范版权风险**：公开的视频搜索服务可能面临版权方的投诉举报
|
||
- **保护个人隐私**：设置密码可以限制访问范围，保护您的使用记录
|
||
|
||
### 部署要求
|
||
|
||
1. **设置环境变量 `PASSWORD`**：为您的实例设置一个强密码
|
||
2. **仅供个人使用**：请勿将您的实例链接公开分享或传播
|
||
3. **遵守当地法律**：请确保您的使用行为符合当地法律法规
|
||
|
||
### 重要声明
|
||
|
||
- 本项目仅供学习和个人使用
|
||
- 请勿将部署的实例用于商业用途或公开服务
|
||
- 如因公开分享导致的任何法律问题，用户需自行承担责任
|
||
- 项目开发者不对用户的使用行为承担任何法律责任
|
||
|
||
## License
|
||
|
||
[MIT](LICENSE) © 2025 MoonTV & Contributors
|
||
|
||
## 致谢
|
||
|
||
- [ts-nextjs-tailwind-starter](https://github.com/theodorusclarence/ts-nextjs-tailwind-starter) — 项目最初基于该脚手架。
|
||
- [LibreTV](https://github.com/LibreSpark/LibreTV) — 由此启发，站在巨人的肩膀上。
|
||
- [ArtPlayer](https://github.com/zhw2590582/ArtPlayer) — 提供强大的网页视频播放器。
|
||
- [HLS.js](https://github.com/video-dev/hls.js) — 实现 HLS 流媒体在浏览器中的播放支持。
|
||
- [Zwei](https://github.com/bestzwei) — 提供获取豆瓣数据的 cors proxy
|
||
- [CMLiussss](https://github.com/cmliu) — 提供豆瓣 CDN 服务
|
||
- 感谢所有提供免费影视接口的站点。
|
||
|
||
---
|
||
|
||
## Star 趋势
|
||
|
||
[](https://starchart.cc/LunaTechLab/MoonTV)
|