Arturia BeatStep

LED feedback is not modeled for this one yet, so OAV does not light its LEDs. Every control still plays and sends its message.

1. Embed it with one line

   No import map, no build step. Change layout, add hardware="ask" for a Connect button.

   htmlCopy

   <script type="module" src="https://openaudiovisual.com/packages/midi/element.js"></script>
   <oav-controller profile="arturia-beatstep" readout></oav-controller>

2. Or as an iframe

   For places that only take an iframe. Every event arrives as a postMessage.

   htmlCopy

   <iframe src="https://openaudiovisual.com/embed/controller/?profile=arturia-beatstep&readout"
           width="720" height="306" style="border:0;max-width:100%" allow="midi"
           title="Arturia BeatStep"></iframe>
   <script>
     // every control the visitor plays arrives here
     addEventListener('message', (e) => {
       if (e.data?.source !== 'openav' || e.data.type !== 'control') return;
       console.log(e.data.detail.signal, e.data.detail.value);
     });
   </script>

3. Send it to Ableton, TouchDesigner or Resolume

   What you play on screen leaves as real MIDI on the IAC bus (macOS) or a loopMIDI port (Windows). The steps are on the catalog page.

   htmlCopy

   <!-- what you play on this controller → the IAC bus (macOS) → Ableton, TouchDesigner, Resolume -->
   <script type="module" src="https://openaudiovisual.com/packages/midi/element.js"></script>
   <oav-controller profile="arturia-beatstep" midi-out="IAC" readout></oav-controller>
   <!-- Windows: midi-out="loopMIDI" · let the visitor pick a port: midi-out="ask" -->

   macOS: Audio MIDI Setup → MIDI Studio → IAC Driver → “Device is online”. Windows 11: the built-in Windows MIDI Services have a loopback (not tested by us); older Windows: install loopMIDI, add a port and use midi-out="loopMIDI".

document.head.prepend(Object.assign(document.createElement('script'), { src: 'https://openaudiovisual.com/p5/oav-p5.js?profile=arturia-beatstep' }));

function draw() {
  background(20);
}

function padPressed(n, velocity) {      // n = 1…16, as in the table
  circle(random(width), random(height), velocity * 100);
}

• Arturia MiniLab 3Arturia · 8 pads · 25 keys · 8 knobs · 1 encoder · 4 faders · 2 touch strips
• Arturia KeyStep 37Arturia · 37 keys · 4 knobs · 1 button · 2 touch strips
• Generic 16 padsGeneric layout · 16 pads
• AKAI LPD8 (mk2)AKAI Professional · 8 pads · 8 knobs
• AKAI APC40 mkIIAKAI Professional · 40 pads · 16 knobs · 2 encoders · 10 faders · 71 buttons
• Behringer X-TOUCH MINIBehringer · 8 encoders · 1 fader · 24 buttons

Compare Arturia BeatStep with the rest, by keys, pads, knobs, faders and LED feedback →

• Ask for a controller ↗
• How to add one ↗

• Report it on GitHub ↗
• The profile file on GitHub ↗
• Raw JSON