I have successfully implemented on-screen MIDI-binding visualizations, a relative control sensitivity calibration engine, and complete LocalStorage persistence for your custom DJ controller layouts.
MIDI Hardware Mapping & Calibration Improvements
Real-time Bindings Overlay: Every map-eligible mixing control (Volume, EQ High/Mid/Low, Pitch, Filter, Crossfader, and Master Out) now features an integrated mini MIDI status badge. The badge dynamically displays current hardware mappings (e.g., CC 10 or NOTE 60), provides an instant trigger button to map parameters on the fly, and allows you to clear bindings with a single click.
Aesthetic Configuration Dashboard: A slide-down control dashboard is now accessible via the MIDI CONFIG button in the header. It enables real-time tuning of relative encoder sensitivity (from 0.1x for ultra-fine precision to 4.0x for high-speed parameter sweeps) and displays active MIDI port connections with a registry of all mapped parameters.
Persistent Layout Registry: Custom sensitivity levels and MIDI mapping arrays are automatically stored in the client-side database (localStorage). Your customized studio configurations will persist permanently across page reloads and browser sessions.
Framer AI AgentsDesign and publish professional sites with AI
Promoted
Maker
📌
👋 Hello Product Hunt community! / Привет, сообщество Product Hunt!
I’m Stanislav, the creator of APEX: DJ Console : Deck-Two.
[EN]
I’m thrilled to introduce APEX: DJ Console (Deck-Two) — a fully featured, interactive DJ deck and sound engine built entirely in the browser using the Web Audio API and Web MIDI API.
As a music enthusiast and developer, I’ve always found traditional DJ software (like Serato, Traktor, or Recordbox) amazing but incredibly heavy, expensive, and rigid. I wanted to build something that runs instantly in any browser, has zero installation barrier, and offers professional-grade tactile performance.
APEX DJ Console is a fully functional web-native console powered by the Web Audio API and Web MIDI API.
Core Features:
🎛️ Universal MIDI Learn: Map absolutely ANY physical MIDI controller on-the-fly. Just turn on "MIDI Learn", click a fader or knob in the UI, move your physical gear, and you are synchronized in real-time.
🔄 RED SOUND SOUNDBITE PRO Emulation: An advanced loop-sampler module built into the console to capture, sync, and loop audio sections with automatic BPM detection for seamless transitions.
🌌 Procedural Generation & Tracks: Mix built-in synthesizers (like Cosmic Techno or Lofi) with your own uploaded audio files via drag-and-drop.
🎨 Modern Slate Aesthetic: Optimized for low latency, smooth animations (with motion), and complete eye comfort in dark club environments.
APEX is completely free and open-source. I would absolutely love to hear your feedback, thoughts on the Web Audio synthesis, or suggestions for future integrations!
What controller are you going to plug in first? Let me know! 🎧⚡
---
[RU]
Рад представить вам APEX: DJ Console (Deck-Two) — интерактивную DJ-консоль и звуковой движок, работающие прямо в браузере на базе Web Audio API и Web MIDI API.
Как любитель музыки и дизайнер, я хотел создать инструмент, который был бы доступен каждому в один клик, но при этом обладал возможностями для полноценного живого выступления.
Главные фичи:
• Две независимые деки с процедурным синтезом и возможностью загрузки своих треков (Drag & Drop)
• 3-полосный эквалайзер, фильтры и эффекты Delay / Reverb
• Эмулятор сэмплера RED SOUND SOUNDBITE PRO для мгновенного захвата лупов и синхронизации по BPM
• Режим MIDI Learn: подключайте ЛЮБОЙ USB-MIDI контроллер и привязывайте ручки за пару кликов!
• Современный темный интерфейс с высокой плотностью элементов, оптимизированный под работу в темноте
Проект полностью открытый (Open Source). Буду счастлив услышать ваши отзывы, идеи по улучшению звукового движка или предложения по новым функциям! Какую железку попробуете подключить первой? Давайте обсудим!
Report
💎 Pixel perfection
Browser DJ setup like this is wild, the procedural synth approach means every track sounds fresh and the delay plus reverb combo on the crossfader feels smooth on my cheap headphones.
Report
Maker
@huriyeb13340 Huriye thanks for kind words. I'll be we waiting to hear your videos or any other links with this instrument.
Browser DJ setup like this is wild, the procedural synth approach means every track sounds fresh and the delay plus reverb combo on the crossfader feels smooth on my cheap headphones.
@huriyeb13340 Huriye thanks for kind words. I'll be we waiting to hear your videos or any other links with this instrument.