Example 11 · Take it out of the browser範例 11 · 輸出與留存

Controller video控制器影片

The performance video without a camera: the controller you play, drawn live.不用鏡頭的演出影片：作品下方即時畫出正在彈的 MIDI 控制器（MiniLab 3 或任何設定檔），重播的演奏也會動。

Try these three things試試這三件事

  1. Play the piano or the QWERTY keys A to L: the controller drawn next to the work moves with them.
  2. Press ▶ Demo take: a replayed take animates the panel exactly as the hands did.
  3. Pick another device and a look (device colours, one accent, flat), then press ● Record.
  1. 彈鋼琴或電腦鍵盤 A 到 L：畫在作品旁的控制器會跟著動。
  2. 按 ▶ Demo take：重播的演奏讓面板動起來，就和手彈的一樣。
  3. 換一台裝置、換一種外觀（device colours、one accent、flat），再按 ● Record。

Needs: MIDI controller.需要：MIDI 控制器。 No hardware? Use On-screen piano · QWERTY keys · A demo take.沒有硬體？用螢幕鋼琴、電腦鍵盤、一段示範演奏。

Read these lines讀這幾行

  • main.js:79 ControllerCanvas draws a controller profile; Arturia MiniLab 3 by default, any profile in the library.ControllerCanvas 畫出一份控制器設定檔；預設是 Arturia MiniLab 3，資料庫裡任何一台都行。
  • main.js:98–100 The panel goes into the bottom of the Compositor every frame.面板每一幀都被畫進 Compositor 的下半部。
  • main.js:105–107 The demo is a take: a recorded clip animates the panel like live hands.示範演奏是一份 take：錄好的片段讓面板動起來，就像現場的手。

Take this input into your own p5 sketch: one line.把這個輸入帶進你自己的 p5 草圖：一行。 Example 15 · Docs: p5.js in one line範例 15 · 文件：p5.js 一行接上

In the docs文件裡: @openav/record@openav/record · MIDI controllers & embeddingMIDI 控制器與嵌入

That was the last one.這是最後一個範例。 All examples所有範例