DAWとブラウザをWeb MIDI経由で連携して音楽と映像を同期させる

本記事では、DAWで作成した音源とブラウザ上でのビジュアル生成・制御を同期することで、VJ的な表現を実現するための基礎について解説します。実例として、以下のようなシンプルな音楽と映像の同期を実現します。 本記事のソフトウェア構成 OS: macOS DAW: Ableton Live 12 映像: Hydra（ビジュアルプログラミング環境） 本記事では上記の構成を用いていますが、他の構成でも同様のことができると思います。適宜読み替えてください。 データの流れ DAWで仮想MIDIバスへMIDI信号を送る ブラウザから仮想MIDIデバイスの出力を受け取る MIDI信号に基づいて映像を生成・制御する DAWで任意のMIDI信号を仮想MIDIバスに送り、それをブラウザで受け取ってプログラム処理すればOKです。 仮想MIDIバスを設定する Abletonのオンラインマニュアル「仮想MIDIバスの設