🎛️ Real-time audio effects for any website
Transform your browser into a powerful audio processor. Add reverb to YouTube videos, pitch-shift podcasts, or create unique soundscapes from any web audio.
- Download the latest
patchrome-v0.1.0.zipfrom Releases - Unzip the file
- Open Chrome and go to
chrome://extensions/ - Enable "Developer mode" (top right)
- Click "Load unpacked" and select the unzipped folder
- Click the extension icon in your toolbar to start!
- Open any website with audio/video (YouTube, SoundCloud, etc.)
- Click the Patchrome icon in your toolbar
- Right-click in the panel to add effects
- Connect nodes by dragging from output to input
- Adjust parameters with sliders or double-click for precise values
- Reverb - Add space and ambience
- Delay - Create echoes and rhythmic patterns
- Distortion - Add grit and warmth
- EQ - Shape your sound with filters
- Phaser/Flanger - Classic modulation effects
- Bitcrusher - Lo-fi digital destruction
- Spectral Effects - Advanced frequency manipulation
- Drag & drop interface
- Real-time parameter control
- Save effect chains per session
- Visual signal flow
- Low-latency processing
- Minimal CPU usage
- Works with all HTML5 audio/video
see: menu -> presets
We welcome contributions! Feel free to:
- Report bugs
- Suggest new effects
- Submit pull requests
- Share your effect presets
# Clone the repository
git clone https://github.com/jumang4423/patchrome-ext.git
cd patchrome-ext
# Install dependencies
npm install
# Development build (with watch mode)
npm run dev
# Production build
npm run buildpatchrome-ext/
├── src/
│ ├── inject.js # Core audio processing
│ ├── sidepanel/ # React UI
│ ├── worklets/ # Audio worklet processors
│ └── types/ # TypeScript definitions
├── manifest.json # Extension manifest
└── webpack.config.js # Build configuration
See ADD_EFFECT_INSTRUCTIONS.md for detailed instructions.
MIT License - feel free to use in your own projects!