背景画像と音声ファイルを読み込むだけで、音に合わせて動く波形（オーディオビジュアライザ）を重ねた画面を、ブラウザで作れるツールです。 音楽を作る方、歌う方が、画面録画ソフトで録画したり、フルスクリーンで映したりして、映像の素材に使えます。 画像や音声がなくても、グラデーションの背景と、合成したサンプル音で試せます。 入力した内容は外部に送られず、この端末のブラウザの中だけで処理します。 ━━━━━━━━━━━━━━━━━━━━ ご注意 ━━━━━━━━━━━━━━━━━━━━ 他の人の楽曲・画像を使うときは、権利者の許諾や利用規約を、ご自身で確認してください。 このツールは、画像や音声の権利を確認するものではありません。 商品に入っているサンプル音は、ツールの中で合成した短い音（オシレーター）です。既存の曲や著作物は入っていません。 音声や画像は、この端末のブラウザの中だけで処理し、外部には送りません。 ━━━━━━━━━━━━━━━━━━━━ この無料版で得られるもの ━━━━━━━━━━━━━━━━━━━━ ◆ 背景画像（PNG / JPEG / WebP、10MBまで）と音声（MP3 / WAV / OGG / M4A、ブラウザが再生できる形式、500MBまで）の読み込み ◆ 再生・停止、曲の長さと再生位置のバー、音量 ◆ スタイル2種類（バー型、円形放射型） ◆ 波形の色（カラーピッカー）と透明度 ◆ 背景の暗さ、画像の合わせ方（cover / contain） ◆ フルスクリーン表示。操作パネルを隠し、マウスを動かしたときだけ操作バーを3秒ほど表示します（Escで戻ります） ◆ 壊れたファイル、0バイト、読み込めない形式のときは、画面に理由を表示します ◆ 画面の内部サイズは1280×720（720p）です ━━━━━━━━━━━━━━━━━━━━ 有料版（500円）で増えるもの ━━━━━━━━━━━━━━━━━━━━ ◆ スタイル4種類（バー型・円形放射型・波形（オシロスコープ型）・ドット型） ◆ バーの本数（16〜128）、感度、滑らかさ、太さ、位置（下・中央）、背景のぼかし ◆ 解像度の選択（1280×720 / 1920×1080） ◆ 波形のグラデーション（2色） ◆ 曲名・アーティスト名の表示と、フォントの選択 ◆ 設定のプリセット保存（5件）とJSONの書き出し・読み込み ◆ 録画（webm、試験的。対応は環境に依存します） 有料版はこちらです。https://mall-aibou.booth.pm/items/8947848 ━━━━━━━━━━━━━━━━━━━━ 使い方（3ステップ） ━━━━━━━━━━━━━━━━━━━━ 1. music-visualizer.html をダブルクリックして、ブラウザで開く 2. 背景画像と音声ファイルを選び、「再生」を押す（音声を選ばないと、合成したサンプル音が鳴ります） 3. 「全画面で表示」を押し、画面録画ソフトで録画する ━━━━━━━━━━━━━━━━━━━━ 動作環境 ━━━━━━━━━━━━━━━━━━━━ ・Chrome / Edge / Safari の最新版 ・ネット接続は不要です ・外部のサーバーと通信しません。広告もトラッキングもありません ・ブラウザの決まりで、音の再生は、ボタンを押したあとに始まります ━━━━━━━━━━━━━━━━━━━━ できないこと ━━━━━━━━━━━━━━━━━━━━ ・動画ファイルの書き出しはできません。画面録画ソフトで録画してください ・曲の解析（テンポや曲名の判定）はしません。音の大きさを周波数ごとに見て描くだけです ・設定の保存はできません。ページを閉じると、選んだファイルや設定は消えます ・画像や音声の権利の確認はしません ━━━━━━━━━━━━━━━━━━━━ 動作確認について ━━━━━━━━━━━━━━━━━━━━ 確認したこと: ヘッドレスのChromeで、合成した画像と音声（WAV）を読み込み、周波数データが取れること、描画が時間とともに変わること、スタイルの切り替え、フルスクリーンの表示を確認しています。 確認していないこと: 実際の曲での見え方、画面録画ソフトでの録画、スピーカーから出る音、Safari、Edge ■ 使ってよい範囲 　業務にお使いいただけます。クレジット表記は不要です。 　ファイルそのものの再配布・販売はご遠慮ください。 ■ 同梱物 　music-visualizer.html ／ README.txt TOOL BOX