Piano Roll Visualization Background

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

MIDIファイルを瞬時に落下するノートとピアノロールアニメーションに変換します。

特徴

Everything you need to create professional-grade piano visualizations directly in your browser.

魅惑的なピアノフロー

音符が滝のように流れ落ちる様子をご覧ください。あらゆるMIDIファイルに満足感と催眠的な視覚体験をもたらします。

ワンクリック動画録画

ブラウザで直接、再生中のスムーズな高解像度動画を録画できます。TikTokやYouTubeに最適です。

インスタントHDスナップショット

美しい音楽の瞬間をワンクリックでキャプチャ。素晴らしいサムネイルや壁紙を瞬時に作成できます。

カスタムビジュアルテーマ

あなた好みのスタイルに。音符の色、背景テーマ、パーティクルエフェクトを気分に合わせて変更できます。

禅モード

全画面表示にしてUIを隠します。音楽と光の流れに完全に没頭しましょう。

ソーシャルシェア対応

退屈なMIDIファイルを、友達やフォロワーと共有したくなる魅力的なビジュアルコンテンツに変えましょう。

使い方

How it works

Create your video in 3 simple steps.

Step 1
1

1. MIDIファイルをアップロード

.mid/.midi ファイルをアップロードゾーンにドラッグ&ドロップします。ブラウザ内で即座に解析されます。

Step 2
2

2. 再生して見る

再生をクリックして視覚化を開始します。ノートがピアノロールのように上から下に落ちてきます。

Step 3
3

3. コントロールを調整

再生速度を変更したり、別の部分にシークしたり、没入感のために全画面モード (F) を切り替えたりします。

よくある質問

ファイルはアップロードされますか?

いいえ。ビジュアライザーは WebGL と Tone.js を使用して完全にブラウザ内で実行されます。ファイルはプライベートに保たれます。

動画を録画できますか?

画面録画ソフト(OBSなど)を使用して視覚化をキャプチャできます。スクリーンショットツールも提供しています。

音が出ないのはなぜですか?

デバイスがミュートになっていないことを確認してください。一部の MIDI ファイルはサポートされていない楽器を使用している可能性がありますが、再生には一般的な SoundFont を使用しています。

楽器を変更できますか?

現在はデフォルトのシンセ音を使用しています。その他のサウンドオプションについては、MIDI プレーヤーをお試しください。

技術仕様

レンダリング

WebGL / Canvas API

オーディオエンジン

Tone.js PolySynth

解析

@tonejs/midi

プライバシー

ローカル処理

ブラウザ

Chrome/Edge/Safari/Firefox

プライバシーとセキュリティ

視覚化はローカルで行われます。サーバー上でMIDIファイルを保存または分析することはありません。