Sebastian Krüger
de8a3ff187
Major refactor to simplify the editor and focus exclusively on multi-track editing: **AudioEditor Changes:** - Removed single-file waveform view and useAudioPlayer - Removed all single-file editing operations (cut, copy, paste, trim) - Simplified to multi-track only with track selection support - Added selectedTrackId state for track-specific effect chain - Reduced from ~1500 lines to ~290 lines **SidePanel Changes:** - Complete rewrite with 2 tabs: Tracks and Effect Chain - Tracks tab shows all tracks with inline controls (volume, pan, solo, mute) - Click tracks to select/deselect - Effect Chain tab shows effects for selected track - Removed old file/history/info/effects tabs - Sidebar now wider (320px) to accommodate inline track controls **TrackList/Track Changes:** - Added track selection support (isSelected/onSelect props) - Visual feedback with ring border when track is selected - Click anywhere on track to select it **Workflow:** 1. Import or add audio tracks 2. Select a track in the sidebar or main view 3. Apply effects to selected track via Effect Chain tab 4. Adjust track controls (volume, pan, solo, mute) in Tracks tab 🤖 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!