Moopa 动漫流媒体网站

[!警告]

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

重要提示：

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

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

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

感谢您的理解。

main

更多截图

登录后的主页

个人资料页面

PC/移动端信息页面

观看页面

普通模式

剧场模式

漫画阅读器

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

简介

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

功能

通用
- 免费的广告支持流媒体服务
- 支持配音动漫
- 用户友好界面
- 与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"