DJ TechTools Midi Fighter Twister

這一台有 16 個控制項寫了 LED 回饋，上面表格的 LED 欄就是讓它亮的訊息。

個別控制項的說明

• sidel1 Left side button 1 (top). Bank 1: CC 8 / note G#-1 on the system channel (4). The manual lists this number for a side button set to a MIDI function; which function the factory configuration gives it is not printed, so the number is the manual's, the default behaviour unconfirmed.
• sidel2 Left side button 2 (middle). By default it decrements the bank (an internal action, no MIDI): the manual's Bank 1 table lists CC 9 / note A-1 for it only when the Utility makes it a MIDI button.
• sidel3 Left side button 3 (bottom). Bank 1: CC 10 / note A#-1 on the system channel (4); factory function not printed.
• sider1 Right side button 1 (top). Bank 1: CC 11 / note B-1 on the system channel (4); factory function not printed.
• sider2 Right side button 2 (middle). By default it increments the bank (an internal action, no MIDI): the manual's Bank 1 table lists CC 12 / note C0 for it only when the Utility makes it a MIDI button.
• sider3 Right side button 3 (bottom). Bank 1: CC 13 / note C#0 on the system channel (4); factory function not printed.

1. 一行嵌入

   不用 import map，也不用建置。可以改 layout，加上 hardware="ask" 就有「接上」按鈕。

   html複製

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

2. 或用 iframe

   給只能貼 iframe 的地方。每個事件都以 postMessage 傳回來。

   html複製

   <iframe src="https://openaudiovisual.com/embed/controller/?profile=djtechtools-midi-fighter-twister&readout"
           width="720" height="656" style="border:0;max-width:100%" allow="midi"
           title="DJ TechTools Midi Fighter Twister"></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. 送進 Ableton、TouchDesigner、Resolume

   你在畫面上彈的，會變成真正的 MIDI，從 macOS 的 IAC 匯流排或 Windows 的 loopMIDI 埠送出。步驟在圖鑑頁。

   html複製

   <!-- 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="djtechtools-midi-fighter-twister" midi-out="IAC" readout></oav-controller>
   <!-- Windows: midi-out="loopMIDI" · let the visitor pick a port: midi-out="ask" -->

   macOS：音訊 MIDI 設定 → MIDI 工作室 → IAC 驅動程式 → 勾「裝置在線上」。Windows 11：內建的 Windows MIDI Services 有 loopback（我們沒有實測）；舊版 Windows：安裝 loopMIDI、新增一個埠，用 midi-out="loopMIDI"。

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

function draw() {
  background(20);
}

• AKAI APC40 mkIIAKAI Professional · 40 個打擊墊 · 16 顆旋鈕 · 2 顆無段旋鈕 · 10 支推桿 · 71 顆按鈕
• Behringer X-TOUCH MINIBehringer · 8 顆無段旋鈕 · 1 支推桿 · 24 顆按鈕
• Novation Launchpad Mini MK3Novation · 64 個打擊墊 · 16 顆按鈕
• Novation Launch Control XL 3Novation · 24 顆無段旋鈕 · 8 支推桿 · 16 顆按鈕
• Novation Launchpad Pro MK3Novation · 64 個打擊墊 · 41 顆按鈕
• teenage engineering OP-1 fieldteenage engineering · 24 個琴鍵 · 4 顆無段旋鈕 · 33 顆按鈕

把 DJ TechTools Midi Fighter Twister 跟其他台比較：琴鍵、打擊墊、旋鈕、推桿、LED 回饋 →

• 許願一台控制器 ↗
• 怎麼自己加 ↗

• 到 GitHub 回報 ↗
• GitHub 上的設定檔 ↗
• 原始 JSON