オンライン MIDI ビジュアライザー

1. 01

   MIDI をインポート

   .mid または .midi ファイルをドロップ、またはクリックで選択。@tonejs/midi で即座に解析 — トラック、テンポ、調号がすぐに表示。

2. 02

   テーマを選択

   テーマパネルからカラーパレットと背景を選択。一般的:ネオン、パステル、モノクロ、またはチャンネルのブランドカラーに合わせる。

3. 03

   再生とカスタマイズ

   再生をクリック。再生速度、ノート幅、パーティクル強度、トラック別可視性を好みに合わせて調整。

4. 04

   フルスクリーン (任意)

   Zen モードを切り替えて集中できるフルスクリーン表示に。ストリーミング、レッスン、アンビエント背景に最適。

5. 05

   キャプチャして共有

   即時 HD スクリーンショット、または内蔵レコーダーでスムーズな動画。直接ダウンロード — ウォーターマーク、アップロードなし。

Synthesia のようなデスクトップアプリは洗練されているがお金がかかりダウンロードが必要。ブラウザビジュアライザーは数秒で .mid を開く — 単発動画、教育の瞬間、アンビエント背景に最適。

アニメーションがカクつく、遅延する

CPU/GPU を消費する他のタブを閉じる。テーマパネルでパーティクル強度とグロー効果を下げる。非常に密な MIDI (500+ 同時ノート) は低性能デバイスに負担 — 一部トラックを隠す。

動画録画がカクつく

レコーダーは GPU を使用 — 統合グラフィックや熱でスロットリングされたラップトップではフレーム落ちする可能性。低解像度録画を試す、他ウィンドウを閉じる、OBS で固定 60fps を使う。

色がブランドに合わない

テーマパネルを開き、任意の色スウォッチをクリックしてカラーピッカーを開く。カスタムテーマはブラウザごとに保持 — ブラウザストレージをクリアしてリセット。

ノートがオーディオと同期していないように見える

ビジュアライザーは正確にノートをオーディオに整列させますが、ブラウザオーディオには小さなレイテンシがあります。録画する場合、追加のフレーム遅延を加える可能性のあるスクリーンキャプチャではなく、内蔵レコーダー (同期を処理) を使用してください。