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