本项目是一个纯静态页面构建的影视资源整合站,支持多种观影方式和网盘资源下载,实现观影自由。
- Fork 本仓库到 GitHub 账户
- 登录 Cloudflare Dashboard,进入 Pages 服务
- 选择"导入现有Git存储",选择本项目存储库
- 构建设置
- 构建命令:npm run build
- 输出目录:dist
- 点击"保存并部署"
docker run -d --name morphotv --restart unless-stopped -p 7180:80 lampon/morphotv
因为项目为纯静态页面且使用了hash路由
,因此可以部署到如 阿里云OSS
、七牛云KODO
等云存储上面。
-
克隆项目到本地
git clone https://github.com/Lampon/MorphoTV.git
-
执行项目编译构建
bun install bun run build
-
复制目录/dist内所有静态文件到对应云存储里,要求在根目录下
-
设置默认文档页为
index.html
MorphoTV 是一个纯前端应用,数据来源于第三方采集站。由于浏览器的同源策略限制,直接访问这些第三方 API 会遇到 跨域请求(CORS) 问题。因此需要配置一个代理服务器来转发请求,解决跨域限制。
我们提供了 5 种不同的代理服务器部署方案,您可以根据自己的需求选择最适合的方案:
方案 | 平台 | 难度 | 性能 | 成本 | 推荐指数 |
---|---|---|---|---|---|
Express 本地服务器 | 本地/VPS | ⭐⭐ | ⭐⭐⭐⭐ | 免费/低 | ⭐⭐⭐⭐⭐ |
Deno Deploy | 云端 | ⭐⭐ | ⭐⭐⭐⭐⭐ | 免费 | ⭐⭐⭐⭐⭐ |
Cloudflare Workers | 云端 | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ | 免费 | ⭐⭐⭐⭐ |
Vercel Edge Functions | 云端 | ⭐⭐⭐ | ⭐⭐⭐⭐ | 免费 | ⭐⭐⭐⭐ |
Deno 本地运行 | 本地 | ⭐ | ⭐⭐⭐ | 免费 | ⭐⭐⭐ |
📁 部署指南:
- 本地部署: 查看
server/
文件夹获取 Express 服务器部署指南- 云端部署: 查看
deploy-proxy/
文件夹获取云端部署方案
- 🏠 本地开发: Express 本地服务器 - 功能完整,稳定可靠
- ☁️ 云端部署: Deno Deploy - 零配置,全球 CDN 加速
- 🌐 全球加速: Cloudflare Workers - 极低延迟,边缘计算
- ⚡ 零配置: Vercel Edge Functions - 与 Next.js 完美集成
在 MorphoTV 初始化界面的 "JSON数据" 标签页中输入:
{
"PROXY_BASE_URL": "https://your-proxy-domain.com/proxy/"
}
创建一个 config.json
文件并上传:
{
"PROXY_BASE_URL": "https://your-proxy-domain.com/proxy/"
}
# Deno Deploy
https://your-project.deno.dev/proxy/
# Cloudflare Workers
https://your-worker.your-subdomain.workers.dev/proxy/
# Vercel
https://your-app.vercel.app/api/proxy/
# 本地服务器
http://localhost:8080/proxy/
第一次访问 MorphoTV 时,系统会要求进行初始化配置。这是为了在浏览器的 localStorage 中存储代理服务器地址。
- 打开 MorphoTV 应用
- 选择配置方式:
- JSON 数据输入
- 上传配置文件
- 远程地址导入
- 输入代理地址(参考上方配置示例)
- 点击导入,系统自动重新加载
- 开始使用 MorphoTV
❌ 问题:代理服务器无法访问
解决方案:
1. 检查代理服务器是否正常运行
2. 确认代理地址格式正确(必须以 /proxy/ 结尾)
3. 验证防火墙设置
4. 尝试在浏览器中直接访问代理地址
❌ 问题:仍然出现跨域错误
解决方案:
1. 确认代理服务器已启用 CORS
2. 检查代理服务器日志
3. 尝试更换代理服务器
4. 清除浏览器缓存后重试
❌ 问题:请求超时
解决方案:
1. 检查网络连接
2. 尝试更换代理服务器地址
3. 检查目标采集站是否可访问
4. 增加请求超时时间
访问以下地址测试代理是否正常工作:
https://your-proxy-domain.com/proxy/https://httpbin.org/get
如果返回 JSON 格式的响应数据,说明代理服务器工作正常。
您可以在系统中添加更多采集站:
- 进入设置页面
- 添加采集站 URL
- 配置采集站参数
- 保存并测试
用于过滤广告和提升播放速度,详见 M3U8 代理设置 章节。
💡 提示: 如果您在配置过程中遇到问题,可以查看
deploy-proxy/README.md
获取详细的部署指南和故障排除方法。
-
采集站资源
- 内置4种来源,可以自行添加更多
- 支持在线观看
- 历史播放记录
- 自助设置跳过片头片尾
-
网盘资源
- 自行添加有网盘资源的站,再配合AI大模型提取
-
各大视频网站地址解析
- 复制视频地址到搜索框进行搜索即可
-
完整 M3U8 视频地址
- 直接复制地址到搜索框搜索即可
这个主要用于过滤采集站内存在的插针广告或者提速视频播放作用。如果要构建一个 M3U8 代理地址,可以参考项目:M3U8 Proxy Filter Script