a touch-optimized, mobile-first web interface for individual IEM mixes with REAPER
It allows musicians to control their own In-Ear Monitor (IEM) mixes directly from their smartphones or tablets using REAPER's native Web Remote functionality.
No apps to install. No backend scripts. Just one HTML file.
- 📱 Mobile-First Design: Large faders and buttons designed specifically for touchscreens.
- 🎚️ Banked Layout: Channels are organized in banks of 8 (1-8, 9-16, etc.) for easy navigation on small screens.
- 🎨 Color Sync: Automatically pulls track names and colors from REAPER.
- 👀 Real-Time Feedback: Instantly updates when tracks are renamed, re-colored, or added.
- ⚡ Zero Latency Feel: Optimized scroll locking and "shadow fader" logic for a smooth, native app experience.
- 🔴 Connection Watchdog: Visual status LED warns you immediately if the connection to REAPER drops.
- 🎛️ Dedicated FX Control: Musicians can adjust their own FX levels (Reverb, Delay - add VSTs of your choice) independently.
index.html: The complete web interface code.IEM-Template.RPP: A pre-configured REAPER project template to get you started instantly.
- Open REAPER.
- Go to Options > Show REAPER resource path in explorer/finder.
- Open the folder named
reaper_www_root. - Copy the
ReaMixingStation.htmlfile into this folder.
- Open the included
IEM-Template.RPPfile in REAPER. - This template comes pre-loaded with:
- 16 Input Channels (Drums, Bass, Guitars, Vox, etc.).
- 3 FX Tracks (Vox Reverb, Drum Reverb, Delay Throw) pre-routed for individual control.
- 5 AUX Tracks (Monitor Mixes) ready for routing.
- Color-coded tracks for easy visual identification.
The template cannot predict your specific audio interface. You must manually connect the virtual tracks to your physical hardware.
- Inputs: Go to the instrument tracks (Kick, Snare, Vocals, etc.). Arm them for recording and select the correct Mono/Stereo Input from your audio interface.
- Outputs: Go to the AUX tracks (AUX 1, AUX 2, etc.).
- Click the Route (I/O) button on the AUX track.
- Add an Audio Hardware Output corresponding to that musician's headphone amp or IEM transmitter (e.g., Output 3/4 for the Drummer).
- Repeat this for all 5 AUX tracks.
- In REAPER, go to Preferences > Control/OSC/Web.
- Click Add.
- Control surface mode: Select
Web Browser Interface. - Access URI: Enter a simple ID (e.g.,
iem). - Default Interface: Select
ReaMixingStation.htmlfrom the dropdown list. - Click Apply.
- Note the Access URL displayed in the window (e.g.,
http://192.168.1.50:8080).
- Connect your phone or tablet to the same Wi-Fi network as the REAPER computer.
- Open your phone's web browser and type in the Access URL from Step 4.
- Pro Tip: On iOS (Safari) or Android (Chrome), tap "Share" > "Add to Home Screen". This removes the browser address bar and makes it feel like a real app.
- Select your Mix (e.g., AUX 1) from the dropdown menu at the top.
- Start mixing!
- Adding Tracks: Simply create a new track in REAPER. If you create a send from it to an AUX track, it will automatically appear in the web interface.
- Renaming: Rename tracks in REAPER; the web interface updates instantly.
- Colors: Change track colors in REAPER; the app will update to match.
- More FX: To add a new effect (e.g., "Slap Delay"), create a track, add the plugin (100% wet), and route specific instruments to it. Then route that FX track to the AUX tracks so musicians can control it.
- "Searching..." forever: Ensure your phone is on the same Wi-Fi network as the computer. Check if your computer's firewall is blocking REAPER.
- Faders moving but no sound: Double-check the Hardware Outputs on the AUX tracks in REAPER (Step 3).
- Red LED: The connection to REAPER has been lost. Check your Wi-Fi signal or hit the Reload (↻) button.
This project is open-source. Feel free to modify and adapt it to your band's needs!