Moopa

<div align="center"> <a href="https://moopa.live"> <img src="https://yellow-cdn.veclightyear.com/0a4dffa0/b28e9dc8-ee33-437f-96f7-6ae7c2b9c6f3.png" alt="logo" width="180"/> </a> </div> <h1 align="center"> <a href="https://moopa.live">Moopa 动漫流媒体网站</a> </h1>

[!警告]

截至2024年7月14日，本仓库不再维护，也不会再从作者处获得任何更新或支持。如果您选择使用本仓库中的代码，请自行承担风险。

重要提示：

不再更新：本仓库将不会再有任何更新或改进。

不提供支持：作者不会提供任何支持、修复，也不会确认代码中发现的任何问题。

使用风险自负：使用此代码产生的任何错误、漏洞或其他问题均由您自己负责。

感谢您的理解。
<br />

<p align="center"> <a href="https://github.com/DevanAbinaya/Ani-Moopa/blob/main/LICENSE.md"> <img src="https://img.shields.io/github/license/DevanAbinaya/Ani-Moopa" alt="license"/> </a> <a href="https://github.com/DevanAbinaya/Ani-Moopa/fork"> <img src="https://img.shields.io/github/forks/DevanAbinaya/Ani-Moopa?style=social" alt="fork"/> </a> <a href="https://github.com/DevanAbinaya/Ani-Moopa"> <img src="https://img.shields.io/github/stars/DevanAbinaya/Ani-Moopa?style=social" alt="stars"/> </a> </p> <p align="center"> <img src="https://github.com/Ani-Moopa/Moopa/assets/97084324/c17d5d6a-36a2-4d08-957d-ad4683dcdf0d" alt="main"> </p> <details> <summary>更多截图</summary> <h3 align="center">登录后的主页</h3> <img src="https://github.com/Ani-Moopa/Moopa/assets/97084324/4eab1606-adc3-43e6-8c62-712354732083"/> <h3 align="center">个人资料页面</h3> <img src="https://yellow-cdn.veclightyear.com/0a4dffa0/cc1db312-785a-4ae4-b4ef-288a73138086.gif"/> <h3 align="center">PC/移动端信息页面</h3> <p align="center"> <img src="https://github.com/Ani-Moopa/Moopa/assets/97084324/7126ca71-26dc-4a02-819d-9e84c938d5c6"/> </p> <h3 align="center">观看页面</h3> <p align="center">普通模式</p> <img src="https://github.com/Ani-Moopa/Moopa/assets/97084324/03b2c9c7-eb25-4f2c-8f26-a9ae817bfbaa"/> <br/> <p align="center">剧场模式</p> <img src="https://github.com/Ani-Moopa/Moopa/assets/97084324/767a0335-f6a3-4969-b415-3c45d07cce64"/> <h3 align="center">漫画阅读器</h3> <img src="https://github.com/DevanAbinaya/Ani-Moopa/assets/97084324/ccd2ee11-4ee3-411c-b634-d48c84f1a9e2"/> </details>

警告： 如果您不熟悉JavaScript或与本项目相关的任何其他编程语言，请先学习它们，然后再尝试处理这个项目。我不会帮助那些不知道如何处理基本事务的人。

简介

<p><a href="https://moopa.live">Moopa</a>是一个由<a href="https://github.com/consumet">Consumet API</a>提供支持的动漫流媒体网站，使用<a href="https://github.com/vercel/next.js/">Next.js</a>和<a href="https://github.com/tailwindlabs/tailwindcss">Tailwind</a>构建，拥有时尚现代的设计。它提供Anilist集成，帮助您追踪喜爱的动漫系列。Moopa完全免费且不显示任何广告，是那些想要获得不间断观看体验的人的绝佳选择。</p>

功能

通用
- 免费的广告支持流媒体服务
- 支持配音动漫
- 用户友好界面
- 与AniList自动同步
- 将动漫/漫画添加到您的AniList
- 由trace.moe提供支持的场景搜索
- 支持PWA
- 移动端响应式
- 页面加载快速
观看页面
- 播放器
  - 自动播放下一集
  - 跳过片头/片尾按钮
  - 剧场模式
- 评论区
个人资料页面查看您的观看列表

待办事项

添加PWA支持
连接到consumet API获取剧集数据
在支持的动漫上实现跳过片头/片尾按钮
创建README文件
集成Anilist API进行动漫追踪
- 观看视频≥90%后能够自动追踪动漫
- 创建用户个人资料页面查看已观看的动漫列表
- 能够在详情页面内编辑列表
正在开发漫画页面

错误报告

如果您在网站上遇到任何问题或错误，请前往issues创建错误报告。

本地开发

如果您想自行托管此应用程序，请注意它仅允许个人使用。不允许商业用途，在您自托管的网站上包含广告可能会导致网站被关闭等行动。

使用以下命令克隆此仓库：

git clone https://github.com/DevanAbinaya/Ani-Moopa.git

使用npm安装包：

npm install

在根文件夹中创建.env文件，并在文件中填入以下内容：

CLIENT_ID="从这里获取ID https://anilist.co/settings/developer"
CLIENT_SECRET="从这里获取密钥 https://anilist.co/settings/developer"
GRAPHQL_ENDPOINT="https://graphql.anilist.co"

NEXTAUTH_SECRET='在bash终端中运行此命令(openssl rand -base64 32)，不带括号，并将结果粘贴到这里'
NEXTAUTH_URL="开发环境使用 http://localhost:3000/ ，生产环境使用你的域名URL"
DISQUS_SHORTNAME='在这里填入你的Disqus短名称(可选)'

## 使用任何postgresql数据库，或选择免费的supabase
DATABASE_URL="postgresql://用户:密码@主机:6543/postgres?pgbouncer=true"
DIRECT_URL="postgresql://用户:密码@主机:5432/postgres"

# 如果你不想使用redis，只需注释掉REDIS_URL(Windows按 ctrl + /，Mac按 cmd + /)
REDIS_URL="redis://用户:密码@主机:端口"

在AniList开发者设置中添加此端点作为重定向URL：

https://你的网站域名/api/auth/callback/AniListProvider

生成Prisma：

npx prisma migrate dev
npx prisma generate

### 注意
# 如果你遇到Vercel构建错误，显示检测到prisma但未初始化，只需将package.json中第8行
"build": "next build" 改为 > "build": "npx prisma migrate deploy && npx prisma generate && next build"