355bade08f3e126d1e3d998ec0841c8912ab6f3f
Implemented remaining Phase 10 analysis tools: **Phase Correlation Meter (10.3)** - Real-time stereo phase correlation display - Pearson correlation coefficient calculation - Color-coded indicator (-1 to +1 scale) - Visual feedback: Mono-like, Good Stereo, Wide Stereo, Phase Issues **LUFS Loudness Meter (10.3)** - Momentary, Short-term, and Integrated LUFS measurements - Simplified K-weighting approximation - Vertical bar display with -70 to 0 LUFS range - -23 LUFS broadcast standard reference line - Real-time history tracking (10 seconds) **Audio Statistics (10.4)** - Project info: track count, duration, sample rate, channels, bit depth - Level analysis: peak, RMS, dynamic range, headroom - Real-time buffer analysis from all tracks - Color-coded warnings for clipping and low headroom **Integration** - Added 5-button toggle in master column (FFT, SPEC, PHS, LUFS, INFO) - All analyzers share consistent 192px width layout - Theme-aware styling for light/dark modes - Compact button labels for space efficiency 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Audio UI
A sophisticated browser-only audio editor built with Next.js 16, React 19, and Tailwind CSS 4.
Features (Planned)
- 100% Client-Side: All audio processing happens in your browser
- Multi-Track Editing: Professional multi-track audio editing
- Advanced Effects: EQ, compression, reverb, delay, and more
- Automation: Automate volume, pan, and effect parameters
- Recording: Record audio directly from your microphone
- Analysis Tools: Frequency analyzer, spectrogram, and loudness metering
- Export Formats: WAV, MP3, OGG, FLAC
- Project Management: Save and load complete projects
- Privacy-First: No uploads, all data stays local in your browser
Tech Stack
- Next.js 16 with React 19
- TypeScript 5
- Tailwind CSS 4 with OKLCH colors
- Web Audio API for audio processing
- Canvas API for waveform visualization
- IndexedDB for project storage
Getting Started
This project is currently in the planning phase. See PLAN.md for the complete implementation plan.
Development (Coming Soon)
# Install dependencies
pnpm install
# Run development server
pnpm dev
# Build for production
pnpm build
Inspiration
Inspired by AudioMass and professional DAWs like Ableton Live, Logic Pro, and FL Studio.
License
TBD
Contributing
This is a personal project, but suggestions and ideas are welcome!
Description
Languages
TypeScript
98.8%
CSS
1.1%
Dockerfile
0.1%