Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/all-in-aigc/melodisco
AI Music Player
https://github.com/all-in-aigc/melodisco
ai-music ai-music-generator ai-music-player
Last synced: 2 days ago
JSON representation
AI Music Player
- Host: GitHub
- URL: https://github.com/all-in-aigc/melodisco
- Owner: all-in-aigc
- License: apache-2.0
- Created: 2024-04-06T07:33:39.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-08-17T15:29:27.000Z (3 months ago)
- Last Synced: 2024-08-23T12:11:21.023Z (3 months ago)
- Topics: ai-music, ai-music-generator, ai-music-player
- Language: TypeScript
- Homepage: https://melodis.co
- Size: 11.7 MB
- Stars: 282
- Watchers: 2
- Forks: 49
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Melodisco
AI Music Player by [melodis.co](https://melodis.co)
## Live Demo
[https://melodis.co](https://melodis.co)
![dark](./public/previews/dark.png)
# Previews
![light](./public/previews/light.png)
![list](./public/previews/list.png)
![detail](./public/previews/detail.png)
## Deploy with Vercel
[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fall-in-aigc%2Fmelodisco&env=POSTGRES_URL,STRIPE_PUBLIC_KEY,STRIPE_PRIVATE_KEY,NEXT_PUBLIC_SHARE_BASE_URL,NEXT_PUBLIC_GOOGLE_CLIENT_ID,GOOGLE_CLIENT_SECRET,NEXTAUTH_URL,NEXTAUTH_SECRET,NEXT_PUBLIC_WEB_BASE_URL,SENSITIVE_KEYWORDS&envDescription=POSTGRES_URL%20needed%20for%20the%20application&project-name=my-ai-music-project&repository-name=my-ai-music-project&redirect-url=https%3A%2F%2Fmelodis.co&demo-title=Melodisco&demo-description=AI%20Music%20Player&demo-url=https%3A%2F%2Fmelodis.co&demo-image=https%3A%2F%2Fraw.githubusercontent.com%2Fall-in-aigc%2Fmelodisco%2Fmain%2Fpublic%2Fpreviews%2Flight.png)
## Deploy with Docker
- build image
```shell
sudo docker build -f deploy/Dockerfile -t melodisco:latest .
```- run server
```shell
sudo docker run -itd -p 127.0.0.1:8023:8080 --restart=always melodisco:latest
```- nginx conf
```txt
server {
listen 80;location / {
proxy_pass http://127.0.0.1:8023/;
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
}error_log /var/log/nginx/melodisco.error;
}
```## Local Development
1. clone project
```shell
git clone https://github.com/all-in-aigc/melodisco
```2. install dependencies
```shell
cd melodisco
pnpm install
```3. init database
create your database use [local postgres](https://wiki.postgresql.org/wiki/Homebrew) or [vercel-postgres](https://vercel.com/docs/storage/vercel-postgres) or [supabase](https://supabase.com/)
create tables from sql at `data/install.sql`
4. set environmental values
put `.env.local` under `melodisco` root dir with values list below
```
SENSITIVE_KEYWORDS=xxx,xxx,xxxPOSTGRES_URL=postgres://USERNAME:PASSWORD@HOST:PORT/melodisco
STRIPE_PUBLIC_KEY=pk_test_xxx
STRIPE_PRIVATE_KEY=sk_test_xxxNEXT_PUBLIC_SHARE_BASE_URL=http://localhost:8023
NEXT_PUBLIC_GOOGLE_CLIENT_ID=xxx.apps.googleusercontent.com
GOOGLE_CLIENT_SECRET=GOCSPX-xxxNEXTAUTH_URL=http://localhost:8023
NEXTAUTH_SECRET=xxxNEXT_PUBLIC_WEB_BASE_URL=http://localhost:8023
```5. local development
```shell
pnpm dev --port 8023
```open `http://localhost:8023` for preview
## Credit to
- [aiwallpaper](https://aiwallpaper.shop) for code reference
- [nextjs](https://nextjs.org/docs) for full-stack development
- [tailwindcss](https://tailwindcss.com/) for page building
- [shadcn/ui](https://ui.shadcn.com/docs/installation/next) for ui component
- [next-auth](https://next-auth.js.org/getting-started/example) for auth
- [next-intl](https://next-intl-docs.vercel.app/docs/getting-started) for multiple languages
- [stripe](https://stripe.com/docs/development) for payment
- [node-postgres](https://node-postgres.com/) for data processing## See also
- [ThinkAny](https://thinkany.ai) AI Search Engine
- [HeyBeauty](https://heybeauty.ai) AI Virtual Try-On
- [GPTs Works](https://gpts.works) Third-Party GPTs Store## Who am I
[I'm idoubi, a Full-stack-engineer](https://bento.me/idoubi)
if this project is helpful to you, buy me a coffee.