netlify最新方式MoonTV部署教程 全网最强影视免费看 支持手机/电视/网页

《部署教程说明》

🎬 MoonTV 是一个开箱即用的、跨平台的影视聚合播放器。它基于 Next.js 14 + Tailwind CSS + TypeScript 构建，支持多资源搜索、在线播放、收藏同步、播放记录、本地/云端存储，让你可以随时随地畅享海量免费影视内容。

【YouTube频道】 | 【Telegram群】 | 【GitHub仓库】

✨ 功能特性

  • 🔍 多源聚合搜索：内置数十个免费资源站点，一次搜索立刻返回全源结果。
  • 📄 丰富详情页：支持剧集列表、演员、年份、简介等完整信息展示。
  • ▶️ 流畅在线播放：集成 HLS.js & ArtPlayer。
  • ❤️ 收藏 + 继续观看：支持 Redis/D1/Upstash 存储，多端同步进度。
  • 📱 PWA：离线缓存、安装到桌面/主屏，移动端原生体验。
  • 🌗 响应式布局：桌面侧边栏 + 移动底部导航，自适应各种屏幕尺寸。
  • 👿 智能去广告：自动跳过视频中的切片广告（实验性）

一、项目效果图

点击查看项目截图 iptv

二、部署 [点击观看Vercel、Cloudflare部署教程] [点击观看clawcloud Docker部署教程]

项目地址 👉 点击进入

Netlify 部署

普通部署（localstorage）

  1. Fork 本仓库到你的 GitHub 账户。
  2. 登陆 Netlify，点击 Add New project → Importing an existing project，授权 Github，选择 Fork 后的仓库。
  3. 设置 PASSWORD 环境变量。
  4. 保持默认设置完成首次部署。
  5. 每次 Push 到 main 分支将自动触发重新构建。

部署完成后即可通过分配的域名访问，也可以绑定自定义域名。

Upstash Redis 支持 [点击观看视频教程]

  1. 完成普通部署并成功访问。
  2. 在 upstash 注册账号并新建一个 Redis 实例，名称任意。
  3. 复制新数据库的 HTTPS ENDPOINT 和 TOKEN
  4. 返回你的 Netlify 项目，Project Configuration → Environment variables 新增环境变量 UPSTASH_URL 和 UPSTASH_TOKEN，值为第二步复制的 endpoint 和 token
  5. 设置环境变量 NEXT_PUBLIC_STORAGE_TYPE，值为 upstash；设置 USERNAME 和 PASSWORD 作为站长账号
  6. 重试部署

访问 默认分配的域名 即可

三、配置视频源 👉 点击加入TG群发送关键字 视频源 获取下载

  1. 视频源样例
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
{
  "cache_time": 7200,
  "api_site": {
    "dyttzy": {
      "api": "http://caiji.dyttzyapi.com/api.php/provide/vod",
      "name": "电影天堂资源",
      "detail": "http://caiji.dyttzyapi.com"
    },
    "heimuer": {
      "api": "https://json.heimuer.xyz/api.php/provide/vod",
      "name": "黑木耳",
      "detail": "https://heimuer.tv"
    }
  }
}
  1. AI获取免费视频源 [点击观看视频教程]
    点击注册grok免费AI https://grok.com

四、手机端观看 [点击观看视频教程]

📱 PWA：离线缓存、安装到桌面/主屏，移动端原生体验。

五、电视端AndroidTV观看 [点击观看视频教程]

目前该项目可以配合 OrionTV 在 Android TV 上使用，可以直接作为 OrionTV 后端

暂时收藏夹与播放记录和网页端隔离，后续会支持同步用户数据

[点击观看视频教程]

▶️ 新人YouTube 需要您的支持，请务必订阅频道帮我点赞、关注、打开小铃铛，十分感谢！！！
✅在Fork项目时,请 follow 我的GitHub、给我所有项目一个 Star 星星支持下！你的支持是我不断前进的动力！ 💖
✅解锁更多技能 加入TG群【am_clubs】、YouTube频道【@am_clubs】、【博客(国内)】、【博客(国际)】
✅点击观看教程CLoudflare免费节点 | VPS搭建节点 | 获取免费域名 | 免费VPN | IPTV源 | Mac和Win工具 | AI分享

[点击展开] 赞赏支持 ~🧧 *我非常感谢您的赞赏和支持，它们将极大地激励我继续创新，持续产生有价值的工作。*
  • USDT-TRC20: TWTxUyay6QJN3K4fs4kvJTT8Zfa2mWTwDD
  • TRX-TRC20: TWTxUyay6QJN3K4fs4kvJTT8Zfa2mWTwDD

TRC10/TRC20扫码支付

免责声明:
1、该项目设计和开发仅供学习、研究和安全测试目的。请于下载后 24 小时内删除, 不得用作任何商业用途, 文字、数据及图片均有所属版权, 如转载须注明来源。
2、使用本程序必循遵守部署服务器所在地区的法律、所在国家和用户所在国家的法律法规。对任何人或团体使用该项目时产生的任何后果由使用者承担。
3、作者不对使用该项目可能引起的任何直接或间接损害负责。作者保留随时更新免责声明的权利，且不另行通知。

【流量光】 中转+专线高速机场 9.9元300G 14.9元500G✅畅爽晚高峰 解锁ChatGPT、全流媒体(送小火箭)
🌐官网：https://llgjc1.com

【红杏云】 中转高速机场,8元220G✅玩游戏首选，解锁ChatGPT、全流媒体(送小火箭) 🎁8折优惠码：AM科技
🌐官网：https://hongxingdl.com 👉[测评视频]

【极速云】 专线高速机场 低至8元100G✅畅爽晚高峰 解锁ChatGPT、全流媒体(送小火箭)🎁8折优惠码：AM888
🌐官网：https://极速666.com 👉[测评视频]