teenage engineering OP-1 field

這一台還沒有寫 LED 回饋，OAV 不會讓它的燈亮，但每個控制項照樣可以彈、照樣送出各自的訊息。

個別控制項的說明

• enc1 CC 1, tested on hardware: absolute 0–127 (the unit's CTRL page has encoders set to absolute). Set to relative, the original OP-1 is reported to send 1 per step right and 127 per step left: change relative to "twos".
• enc2 CC 2, tested on hardware: absolute 0–127 (the unit's CTRL page has encoders set to absolute). Set to relative, the original OP-1 is reported to send 1 per step right and 127 per step left: change relative to "twos".
• enc3 CC 3, tested on hardware: absolute 0–127 (the unit's CTRL page has encoders set to absolute). Set to relative, the original OP-1 is reported to send 1 per step right and 127 per step left: change relative to "twos".
• enc4 CC 4, tested on hardware: absolute 0–127 (the unit's CTRL page has encoders set to absolute). Set to relative, the original OP-1 is reported to send 1 per step right and 127 per step left: change relative to "twos".
• push1 Pressing the blue encoder, tested on hardware: CC 66, 127 while held, 0 on release. On release the unit also sends a one-off CC 59 127/0 pulse, not modelled.
• push2 Pressing the ochre encoder, tested on hardware: CC 67, 127 while held, 0 on release. On release the unit also sends a one-off CC 60 127/0 pulse, not modelled.
• push3 Pressing the gray encoder, tested on hardware: CC 68, 127 while held, 0 on release. On release the unit also sends a one-off CC 61 127/0 pulse, not modelled.
• push4 Pressing the orange encoder, tested on hardware: CC 69, 127 while held, 0 on release. On release the unit also sends a one-off CC 62 127/0 pulse, not modelled.
• keys Tested on hardware: the 24 keys run F3 (53) to E5 (76) at the default octave, velocity was 127 on every press in the test. Keys follow any note on the channel, so octave shifts just scroll the on-screen keys.

1. 一行嵌入

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

   html複製

   <script type="module" src="https://openaudiovisual.com/packages/midi/element.js"></script>
   <oav-controller profile="teenage-engineering-op-1-field" readout></oav-controller>

2. 或用 iframe

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

   html複製

   <iframe src="https://openaudiovisual.com/embed/controller/?profile=teenage-engineering-op-1-field&readout"
           width="720" height="281" style="border:0;max-width:100%" allow="midi"
           title="OP-1 field"></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="teenage-engineering-op-1-field" 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=teenage-engineering-op-1-field' }));

function draw() {
  background(20);
}

function notePressed(note, velocity) {   // a key goes down
  circle(random(width), random(height), velocity * 100);
}

• Behringer X-TOUCH MINIBehringer · 8 顆無段旋鈕 · 1 支推桿 · 24 顆按鈕
• DJ TechTools Midi Fighter TwisterDJ TechTools · 16 顆無段旋鈕 · 22 顆按鈕
• Korg nanoKEY2KORG · 25 個琴鍵 · 2 顆按鈕 · 1 條觸控條
• Novation Launch Control XL 3Novation · 24 顆無段旋鈕 · 8 支推桿 · 16 顆按鈕
• 通用 25 鍵鍵盤通用版面 · 25 個琴鍵 · 1 顆按鈕 · 2 個滾輪
• 通用 49 鍵鍵盤通用版面 · 49 個琴鍵 · 1 顆按鈕 · 2 個滾輪

把 teenage engineering OP-1 field 跟其他台比較：琴鍵、打擊墊、旋鈕、推桿、LED 回饋 →

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

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