🎨 VoidBourne Audio Paint Studio

An interactive web application that lets you manipulate audio recordings through painting gestures. Upload your voice recordings and control audio effects like pitch, reverb, and distortion by painting on a canvas!

✨ Features

• Audio Upload: Support for various audio formats (MP3, WAV, OGG, etc.)
• Real-time Audio Manipulation:
  • Pitch shifting controlled by vertical paint position
  • Reverb amount controlled by horizontal paint position
  • Distortion intensity controlled by brush size
• Interactive Canvas: Paint with different colors and brush sizes
• Audio Visualizer: Real-time frequency visualization
• Modern UI: Beautiful, responsive design with gradient backgrounds
• Mobile Support: Touch-enabled canvas for mobile devices

🚀 How to Use

1. Open the Application: Open index.html in a modern web browser
2. Upload Audio: Click "📁 Upload Audio" and select your voice recording
3. Start Playing: Click "▶️ Play" to begin audio playback
4. Paint to Control:
   • Paint higher on the canvas for higher pitch
   • Paint to the right for more reverb
   • Use larger brush sizes for more distortion
5. Experiment: Try different colors and brush sizes while the audio plays

🎛️ Controls

Audio Controls

• Play/Pause/Stop: Basic playback controls
• Pitch Shift: Manual control (0.5x - 2.0x speed)
• Reverb: Manual control (0% - 100%)
• Distortion: Manual control (0% - 100%)

Paint Controls

• Brush Size: 1-50 pixels
• Color Picker: Choose your paint color
• Clear: Reset canvas and audio effects

🎨 Paint-to-Audio Mapping

• Y-axis (Vertical Position): Controls pitch shift
  • Top of canvas = Higher pitch (2.0x)
  • Bottom of canvas = Lower pitch (0.5x)
• X-axis (Horizontal Position): Controls reverb amount
  • Left side = No reverb (0%)
  • Right side = Maximum reverb (100%)
• Brush Size: Controls distortion intensity
  • Small brush = Clean sound
  • Large brush = Heavy distortion

🔧 Technical Requirements

• Modern web browser with Web Audio API support
• No additional installations required - runs entirely in the browser
• Microphone access not required (works with uploaded files)

🌐 Browser Compatibility

• ✅ Chrome 66+
• ✅ Firefox 60+
• ✅ Safari 14.1+
• ✅ Edge 79+

🎵 Supported Audio Formats

• MP3
• WAV
• OGG
• M4A
• FLAC (browser dependent)

🎨 Tips for Best Experience

1. Record Clear Audio: Use high-quality voice recordings for best results
2. Experiment with Gestures: Try different painting patterns while audio plays
3. Combine Effects: Use multiple effects simultaneously for unique sounds
4. Mobile Usage: Works great on tablets and phones with touch support
5. Real-time Control: Paint while audio is playing for live manipulation

🔊 Audio Effects Explained

• Pitch Shift: Changes the speed and pitch of playback without affecting duration
• Reverb: Adds spatial depth and echo effects
• Distortion: Adds harmonic saturation and overdrive effects

Enjoy creating unique audio experiences with VoidBourne Audio Paint Studio! 🎨🎵