マガジン

ピアノの録音にドラムを合わせる:二つの作品をつなぐ遊び

遊びを見つける

執筆にClaudeを使用しています。

十六個のパッドとキック、スネア、ハイハットを並べたドラムループの立体イメージ。
記事のテーマをもとに制作したAI生成イラスト。

「雨音のピアノ」で弾いた短いフレーズを録音して再生し、その横で「WAVE / WAVE」のループを回す場面を考えてみます。ピアノが先に鳴り、ドラム役の音が後から追いかけます。数秒たつと、ドラムの頭拍がピアノの拍とずれ始めるかもしれません。この記事では、どうすればずれを小さくして二つを合わせられるかを手順にします。 二つの作品は、それぞれ独立したHTMLで外部通信なしに動きます。片方がもう片方のテンポや再生位置を自動で合わせる仕組みは、現在の案内では確認できません。つまり合わせる作業は、読者の耳と手で行います。逆に言えば、「測る→計算する→テンポを動かす→聞き直す」という小さな調整の往復そのものが、この遊びの中心になります。 結果の数値や「うまく揃いました」といった報告はここには書きません。使うのはストップウォッチ(スマートフォンので十分です)と、手順どおりに動かす二つの画面だけです。

この記事の目次
  1. 先に確かめておく二つの作品の事実
  2. 準備:画面と音の置き方
  3. 手順1:ピアノの録音を作って、長さを測る
  4. 手順2:WAVE / WAVEのループの長さを測る
  5. 手順3:ピアノの長さに合わせてテンポを計算する
  6. 手順4:二つを同時に鳴らして、ずれ方を読む
  7. うまくいかないときの切り分け
  8. 次の行動

先に確かめておく二つの作品の事実

手順に入る前に、各作品で確認済みの内容を整理します。ここにない細部は、実際に作品を開いて確かめてください。

  • 雨音のピアノ:フェルトとガラスの2音色、3段階のタッチ、余韻の切り替えがあります。30秒・128音までを録音し、その場で再生できます。録音は画面を開いている間だけ残ります。キーボードはA W S E D F T G Y H U Jで、Z/Xで音域を動かします。
  • WAVE / WAVE:4つの音を16ステップに並べ、ループ再生します。パッド演奏の録音、テンポ、スウィング、トラックごとのミュート、3つのお手本、取り消しがあります。狭い画面ではステップが横スクロールになります。保存があります。

ここから分かる制約が三つあります。

  1. ピアノの録音は最大30秒で、画面を閉じると消えます。長い曲や、後日続きをやる前提の作業には向きません。
  2. WAVE / WAVEの1ループは16ステップです。ピアノの録音長に合わせるには、「何ループ分でピアノの長さに収まるか」を決める必要があります。
  3. 4つの音がそれぞれどんな音色かは、この記事では書きません。打楽器のように聞こえる音をどのトラックに割り当てるかは、作品を開いて自分の耳で選びます。

準備:画面と音の置き方

二つの作品は別々のページです。同時に鳴らすには、画面の置き方を先に決めておきます。

  • ウィンドウを二つ並べるのが安全です。 タブを切り替える形だと、裏に回ったタブの音が止まる、または処理が遅くなる場合があります。これはブラウザや環境による挙動で、作品の仕様とは別の話です。気になるときは、並べた状態で音が出続けるかを最初に確かめてください。
  • イヤホンかヘッドホンを使うと、聞き分けが楽になります。 スピーカーだと二つの音が混ざり、どちらが遅れているのか判断しにくくなります。
  • ピアノの音色はフェルトとガラスを試します。 輪郭がはっきりした音のほうが、拍のずれを聞き取りやすいことがあります。これも自分の耳で選んでください。
  • 雨音を入れるかどうかは後回しにします。 最初は雨音なしで、拍の合わせに集中するほうが切り分けがしやすくなります。

手順1:ピアノの録音を作って、長さを測る

ドラム側を合わせる基準になるのは、ピアノの録音です。先に録音を作り、長さを測ります。

  1. 雨音のピアノを開き、音色とタッチを決めます。
  2. 弾くフレーズを決めます。最初は、同じキーを一定の間隔で8回押すだけの単純なものにします。口で「1、2、3、4」と数えながら押すと、拍が揃いやすくなります。
  3. 録音を始め、フレーズを弾いて止めます。30秒・128音の範囲に収めてください。
  4. 録音を再生し、再生ボタンを押してから音が終わるまでをストップウォッチで測ります。これをピアノの長さ(秒)として記録します。
  5. 録音ボタンを押してから最初の音を弾くまでの空白が、再生時にどう聞こえるかを確かめます。再生の頭に無音があるなら、その無音の長さも書き留めます。

記録の取り方は次のとおりです。

  • 再生開始から終了までの秒数、単位:秒、回数:3回測って平均
  • 頭の無音、単位:秒(おおよそ)、回数:1回
  • 自分が決めた拍の数、単位:拍、回数:弾く前に決める

3回の測定値が大きくばらつく場合は、ボタンを押すタイミングのぶれが大きいということです。その場合は、5回に増やして平均をとってください。

手順2:WAVE / WAVEのループの長さを測る

次に、WAVE / WAVEが1ループに何秒かかるかを測ります。画面のテンポ表示に頼らず、実際に鳴らして時間を測る方法です。表示の単位や範囲は、作品を開いて確かめてください。

  1. WAVE / WAVEを開き、3つのお手本のどれかを選ぶか、自分で打ち込みます。最初は、4つの音のうち1つか2つだけを使う簡単なパターンにします。
  2. 現在のテンポの表示値を、そのまま書き留めます。
  3. 再生を始め、ループの頭が来る回数を数えます。頭拍の音を目印にすると数えやすくなります。
  4. 10ループ分の時間をストップウォッチで測ります。
  5. 測った時間を10で割ると、1ループあたりの秒数が出ます。これを3回繰り返して平均します。

ループの頭を数え間違えたときは、やり直してください。数が1つずれるだけで、秒数が1割も変わります。

手順3:ピアノの長さに合わせてテンポを計算する

ここからが「ピアノの録音にドラムを合わせる」部分です。考え方は一つで、ピアノの録音を、ドラムのループ何回分とみなすかを先に決めます。

たとえば8拍のフレーズを、4拍ぶんのループ2回とみなすなら、ループ回数は2です。ループの頭が何拍に聞こえるかは、耳で判断してください。16ステップを4拍に割る聞き方が自然だとは限りません。作品を鳴らして、自分が数えやすい拍の数え方を決めます。

必要なのは次の三つの値です。

  • 現在のループ秒数(手順2で測った値)
  • ピアノの録音の長さ(手順1で測った値)
  • ピアノ録音に入れたいループ回数

目標のループ秒数は「ピアノの長さ ÷ ループ回数」です。テンポの値が大きいほど速くなる作品なら、新しいテンポは「現在のテンポ × 現在のループ秒数 ÷ 目標のループ秒数」で近似できます。計算は電卓でも構いません。コンソールに貼って使うなら次のようになります。

js
// 例の数字です。自分の測定値に置き換えてください
const currentTempo = 100;     // 画面のテンポ表示値の例
const currentLoopSec = 2.4;   // 手順2で出した1ループの秒数の例
const pianoSec = 20;          // 手順1で測った録音の長さの例
const loops = 8;              // ピアノ録音に入れたいループ回数

const targetLoopSec = pianoSec / loops;
const newTempo = currentTempo * currentLoopSec / targetLoopSec;
console.log("目標ループ秒数:", targetLoopSec.toFixed(2));
console.log("新しいテンポの目安:", newTempo.toFixed(1));

この例の数字は説明のためのものです。作品の初期値や、使えるテンポの範囲とは無関係です。計算で出た値が、作品で設定できる範囲や刻みに収まらない場合があります。その場合は、ループ回数を変えるか、ピアノを弾き直して長さを調整してください。

計算結果は目安にすぎません。テンポ表示と実際の速さの関係が比例でない場合も考えられます。必ず、設定したあとにもう一度手順2で測り直します。

手順4:二つを同時に鳴らして、ずれ方を読む

計算したテンポをWAVE / WAVEに設定し、いよいよ同時に鳴らします。

  1. 二つのウィンドウを並べます。
  2. WAVE / WAVEの再生を先に始めます。ループが何周か回って、安定したことを確かめます。
  3. ループの頭が来る直前に、ピアノ側の録音再生ボタンを押します。ここは何度か失敗して構いません。押すタイミングを変えて数回やり直してください。
  4. 最初の2〜3拍で、ドラムの頭拍とピアノの最初の音が揃っているかを聞きます。
  5. 録音の終わりまで聞き、ずれが大きくなるか、一定か、小さくなるかを確かめます。

ずれ方によって、原因の見当をつけます。

  • 最初から最後まで一定の差がある、疑うところ:再生ボタンを押すタイミング、試すこと:ボタンを押す位置を早める、または遅らせて再試行
  • 最初は合うが、後半に向かって開く、疑うところ:テンポの設定が少しずれている、試すこと:ピアノの長さとループ秒数を測り直し、テンポを少し動かす
  • ところどころ合う、ところどころずれる、疑うところ:ピアノの弾きのゆらぎ、試すこと:録音を弾き直す。拍を口で数えながら弾く
  • 頭の無音のぶんだけずれる、疑うところ:ピアノ録音の頭の空白、試すこと:手順1の5で測った無音を考慮して、再生を押すタイミングを前にずらす

ピアノを人の手で弾いた以上、拍は完全には一定になりません。ドラム側が機械的に一定なので、ゆらぎがあるほど長い録音でずれが目立つことがあります。最初は短い録音で、1ループ分ずつ合わせていくのが近道です。

うまくいかないときの切り分け

音が片方しか鳴らない、止まるといった場合は、次の順に確かめてください。

  • 音が止まる:ウィンドウを並べても止まるか、別のブラウザで同じことが起こるかを見ます。環境の問題なのか、作品の問題なのかを分けられます。
  • ピアノの録音が消えた:録音は画面を開いている間だけ残ります。ページを閉じたり再読み込みをしたりした後は、残っていない前提で、録音からやり直してください。
  • WAVE / WAVEの内容が変わった:WAVE / WAVEには保存があります。以前の状態が残っている場合は、取り消しで戻すか、お手本から作り直してください。
  • 音量が合わない:ピアノのタッチを3段階から選び直すか、WAVE / WAVEでトラックごとのミュートを使って、鳴らす音を減らします。
  • どちらを基準にすればいいか分からない:最初はピアノの録音を固定し、ドラム側だけを動かします。両方を同時に動かすと、原因が分からなくなります。

雨音つきの自由演奏とドラムを重ねる遊びも考えられます。ただし、雨音が録音に含まれるかどうかはここでは扱いません。録音に雨音が入るかどうかは作品を開いて確かめ、その上で、雨音の有無で拍の聞き取りやすさが変わるかを試してください。

次の行動

まず、ピアノで同じキーを8回、一定の間隔で弾いて録音し、再生の長さを測ってください。次にWAVE / WAVEで1ループの秒数を測り、手順3の計算でテンポを決めます。二つを同時に鳴らして、最初の拍と最後の拍のどちらがずれているかを聞き分けられたら、次はフレーズを少しずつ複雑にしていきます。