Transform your music with professional audio effects
SlowNight is a modern web-based audio processing application that allows you to customize your music with real-time effects like reverb, speed adjustment, and bass boost. Perfect for creating slowed + reverb versions or nightcore remixes of your favorite tracks.
- Speed Control: Adjust playback speed from 0.5x to 2x
- Reverb: Add atmospheric reverb with customizable decay
- Bass Boost: Enhance low frequencies up to 12dB
- Volume Control: Precise volume adjustment
- Slowed + Reverb: Deep, atmospheric sound with reduced speed
- Nightcore: High-energy fast tempo with enhanced clarity
- Default: Reset to original audio settings
- Live audio preview with Web Audio API
- Instant effect application without re-encoding
- Smooth playback controls with seek functionality
- MP3 Export: High-quality 128kbps MP3 files
- WAV Export: Lossless audio format
- Automatic file naming with processing indicators
- Clean, intuitive interface with Tailwind CSS
- Dark/Light theme support
- Responsive design for all devices
- Smooth animations and transitions
- Framework: Next.js 14 with App Router
- Language: TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- Audio Processing: Tone.js, Web Audio API
- Audio Encoding: lamejs (MP3), wavefile (WAV)
- Icons: Lucide React
- Animations: Framer Motion
- Node.js 18+
- npm or yarn
- Clone the repository
git clone https://github.com/SimoHypers/slownight.git
cd slownight- Install dependencies
npm install
# or
yarn install- Run the development server
npm run dev
# or
yarn dev- Open http://localhost:3000 in your browser
- Upload Audio: Click the upload area or drag & drop your audio file (MP3, WAV, OGG)
- Choose Preset: Select from Slowed + Reverb, Nightcore, or Default
- Fine-tune: Adjust individual controls for custom sound
- Preview: Listen to changes in real-time
- Export: Download your processed audio as MP3 or WAV
- Input: MP3, WAV, OGG (up to 10MB)
- Output: MP3 (128kbps), WAV (32-bit float)
- Volume: 0-100%
- Speed: 0.5x - 2.0x (0.01x precision)
- Reverb Decay: 0.01 - 10.0 (controls reverb length)
- Bass Boost: 0 - 12dB (enhances low frequencies)
- Speed: 0.90x (10% slower)
- Reverb: 1.5 decay for atmospheric depth
- Bass: +2dB boost for fuller sound
- Perfect for: Chill, ambient, dreamy vibes
- Speed: 1.2x (20% faster)
- Reverb: 1.0 decay for clarity
- Bass: +1dB subtle enhancement
- Perfect for: High-energy, dance, electronic music
- File Upload: Creates object URL for audio source
- Web Audio Setup: Initializes Tone.js player with effect chain
- Real-time Effects: Player → EQ3 → CrossFade (dry/wet) → Reverb → Destination
- Export Processing: Offline audio context renders final output
- Speed: Utilizes
playbackRateproperty for pitch-preserved time stretching - Reverb: Custom impulse response convolution with configurable decay
- Bass Boost: 3-band EQ with low-frequency enhancement
- Volume: Logarithmic gain control for natural sound
- Efficient audio buffer management
- Chunked MP3 encoding for large files
- Fade-in/fade-out to prevent audio clicks
- Memory cleanup on component unmount
The application uses a component-based architecture with:
- Reusable UI Components: Built on shadcn/ui
- Theme System: Automatic dark/light mode switching
- Responsive Grid: Adapts to mobile and desktop
- Loading States: Visual feedback during processing
- Chrome: Full support (recommended)
- Firefox: Full support
- Safari: Full support
- Edge: Full support
Note: Web Audio API required for audio processing
The application is optimized for deployment on:
- Vercel (recommended for Next.js)
- Netlify
- GitHub Pages (with static export)
No environment variables required for basic functionality.
This project is licensed under the MIT License - see the LICENSE file for details.
- Tone.js - Web Audio framework
- shadcn/ui - UI component library
- Lucide React - Icon library
- lamejs - MP3 encoding
Made with ❤️ by SimoHypers
Transform your music, one beat at a time 🎶