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

Record演出影片

The work plus your hands plus its own sound, in one synced video. MIDI takes too.作品疊在鏡頭畫面上，連同作品自己的聲音錄成一個直式 1080×1920 到 4K 的檔案；MIDI 演奏可錄下再重播。

Try these three things試試這三件事

  1. Pick a size and a layout (vertical 1080p, 4:5, 2.7K, 4K; stack, pip, side or work) and watch the frame change.
  2. Press ● Rec take, play something, then ▶ Play: the show plays it back as if it were you.
  3. Save the take as .json or .mid, or load a .mid back.
  1. 選尺寸和版型（直式 1080p、4:5、2.7K、4K；stack、pip、side、work），看畫面框怎麼變。
  2. 按 ● Rec take，彈點什麼，再按 ▶ Play：演出會把它當成你在彈一樣放回去。
  3. 把演奏存成 .json 或 .mid，或讀回一個 .mid。

Needs: Camera (hands).需要：鏡頭（手）。 No hardware? Use On-screen piano · QWERTY keys · Simulated performer.沒有硬體？用螢幕鋼琴、電腦鍵盤、模擬演奏者。

Read these lines讀這幾行

  • main.js:108–115 A Compositor puts the work and the webcam into one canvas of an exact size.Compositor 把作品和鏡頭放進同一個尺寸精確的畫布。
  • main.js:247–249 One Recorder records that canvas with the work's own sound, so picture and sound share one clock.一個 Recorder 把畫布連同作品自己的聲音錄下來，畫面與聲音共用同一個時鐘。
  • main.js:277–278 A TakeRecorder keeps what you play; a TakePlayer plays it back into the show.TakeRecorder 記下你彈的；TakePlayer 把它放回演出裡。

In the docs文件裡: @openav/record@openav/record

Next: 11 Controller video →下一個：11 控制器影片 → All examples所有範例