Audio Visualizer

Create stunning audio visualizer videos with auto-fetched lyrics. Free, no watermark, no account needed.

Setup

npm install
npm run db:push
npm run dev

How it works

1. Upload — Drop an MP3/WAV + album artwork or photo
2. Lyrics — Auto-fetched from LRCLib or Genius (free, no API key)
3. Customize — Pick a visualizer template, typography style, and accent color
4. Export — Render and download your MP4

Requirements

• Node.js 18+
• FFmpeg is auto-bundled for rendering via ffmpeg-static (system FFmpeg is optional)

Scripts

npm run dev              # Start dev server
npm run build            # Production build
npm run db:push          # Push Prisma schema to SQLite
npm run db:studio        # Open Prisma Studio
npm run remotion:dev     # Open Remotion Studio

Stack

• Next.js 14 + TypeScript + Tailwind CSS
• Remotion (video rendering)
• Web Audio API (waveform extraction)
• LRCLib + Genius (free lyrics)
• SQLite + Prisma (job tracking)
• FFmpeg (video encoding)