リアルタイム・オーディオビジュアライザー
再生中の周波数エネルギーを解析し、低音・中音・高音を動きに変換します。楽曲の再生中もマイク使用中も、変化に即座に反応するスムーズなオーディオビジュアライザーで、すべての変更をその場でプレビューできます。
無料の音楽・オーディオビジュアライザー — ウォーターマークなし
Audio Visualizer は、ローカルのオーディオファイルやマイク入力から音を読み込み、オーディオビジュアライズや音楽ビジュアライザー動画を作成できる無料のオンラインツールです。エフェクト・カラー・背景・キャンバス形式はブラウザ内でカスタマイズでき、ウォーターマークは付きません。
再生0:00 / 0:00
動画の書き出し
書き出しは楽曲の長さ全体にわたって実行され、レンダリングはブラウザ内で続行されます。
主な機能
オーディオファイルとマイク入力
MP3、WAV、FLAC、OGG、M4A、AAC ファイルをアップロードするか、マイクを使ってライブのオーディオビジュアライザーを作成できます。完成済みの楽曲、音声、ヒューマンビートボックス、ライブサウンドまで、同じ音楽ビジュアライザーのワークフローで扱えます。
多彩な音楽ビジュアライザースタイル
定番のバー、ミラーバー、サーキュラースペクトラム、ウェーブフォーム、リング・オブ・ファイア、高度な WebGL シーンを切り替えられます。それぞれのオーディオビジュアライザースタイルは、同じ楽曲にまったく別の視覚的個性を与えます。
カスタムカラーと背景
用意されたテーマを選ぶだけでなく、メインカラーとサブカラーで独自のパレットを作成できます。JPEG、PNG、WebP の背景画像を追加すれば、ジャケット、ロゴ、写真やブランド背景の上にオーディオビジュアライザーを重ねられます。
あらゆる SNS に対応するフォーマット
YouTube 向けの横型、Instagram 向けの正方形、TikTok や Reels 向けの縦型オーディオビジュアライザーを作成できます。キャンバスは選択したアスペクト比を維持するため、投稿先に合わせた音楽ビジュアライザーがそのまま仕上がります。
ローカル処理と直接書き出し
このオーディオビジュアライザーは、ブラウザ標準の API でオーディオをローカル処理します。ブラウザが録画に対応している場合、サーバーへのアップロードやアカウント登録、ウォーターマーク、リモートレンダリングの待機なしに、オーディオビジュアライザーを動画として書き出せます。
オーディオビジュアライザーとは?
オーディオビジュアライザーとは、音のエネルギーと周波数を動くグラフィックで表現するものです。縦棒のバー、波形のライン、放射状のスパイク、パーティクル、3D シーンなどの形式があります。曲の変化に合わせてビジュアライザーも変化するため、目に見えない音を感じやすく、共有しやすくなります。
音声だけのトラックに視覚的なフォーマットが必要なとき、音楽ビジュアライザーが役立ちます。プロデューサーは完成した楽曲をオーディオビジュアライザー動画に変換でき、ポッドキャスターはオーディオグラム風のクリップを作成でき、パフォーマーはライブのオーディオビジュアライザーを反応する背景として使えます。Audio Visualizer は、複雑な動画エディターを足すのではなく、プレビューを音そのものに集中させています。
Audio Visualizer はブラウザで動くオーディオビジュアライザーであり、周波数解析はお使いのデバイス上で行われます。再生と解析には Web Audio API、汎用エフェクトには Canvas 2D、対応するデスクトップの高度なエフェクトには WebGL2 を使用しています。
オーディオビジュアライザー動画の作成方法
オーディオソースを選ぶ
対応するファイルをオーディオエリアにドロップするか、デバイスからファイルを選択します。ライブのオーディオビジュアライザーを作るには、「マイクを使用」を選び、ブラウザの許可を与えます。
ビジュアライザーのスタイルを選ぶ
バー、ミラーバー、サーキュラースペクトラム、ウェーブフォーム、リング・オブ・ファイア、WebGL エフェクトを試してみてください。再生しながらプレビューを確認し、音楽に合う動きを選びます。
カラーと背景を設定する
テーマを選ぶ、カスタムカラーを指定する、背景画像を追加する、と組み合わせられます。コントラストの高いパレットはジャケットの上でも視認性を保てます。透明背景は、後から合成したい場合に便利です。
キャンバスと反応を調整する
投稿先に合わせて横型 16:9、正方形 1:1、縦型 9:16 を選択します。「感度」でオーディオビジュアライザーの動きを控えめにしたりドラマチックにしたり、選んだスタイルが対応している場合は「スペクトラムバー」数も調整できます。
再生して書き出す
プレビューのコントロールでタイミングを確認し、「動画を書き出す」を選択します。オーディオビジュアライザーは音声トラックと同期してリアルタイムにレンダリングされます。マイクモードでは、セッションが終わったらライブ録画を停止して保存します。
Audio Visualizer を選ぶ理由
プライバシーを重視した設計
オーディオはブラウザ内でローカルに解析され、どこにも送信されません。音楽ビジュアライザーのワークフローにアップロードの手順がなく、未発表の楽曲、クライアントの音源、個人的な録音にも安心して使えます。
すぐに始められるシンプルさ
ソース、プレビュー、デザイン設定、書き出し操作がひとつのワークスペースにまとまっています。タイムラインを覚えたりデスクトップエディターをインストールしたりしなくても、数分で最初の音楽ビジュアライザーをプレビューできます。
柔軟なビジュアルの方向性
ミニマルな波形、定番のスペクトラム、表現力のある WebGL シーンを使い分けられます。カスタムカラー、画像背景、対応環境では透明出力、実用的な 3 種類の SNS アスペクト比に対応しています。
楽曲以外にも役立つ
ポッドキャスト、音声、フィールドレコーディング、DJ ミックス、環境音にも反応します。サウンドビジュアライザーは、発言を SNS クリップに変えたり、ライブ演奏に反応するスクリーン背景を与えたりできます。
無料・直接書き出し・ウォーターマークなし
Audio Visualizer は無料で、アカウント登録もウォーターマークもありません。ブラウザの直接録画に対応している環境では、作成したプレビューと同じ状態から音楽ビジュアライザー動画を書き出せます。
よくある質問
オーディオビジュアライザーとは何ですか?
オーディオビジュアライザーとは、音の周波数や音量に反応して動くアニメーショングラフィックです。Audio Visualizer は、楽曲、音声録音、マイク入力を、音に合わせて動くプレビューに変換します。
どのオーディオ形式に対応していますか?
MP3、WAV、FLAC、OGG、M4A、AAC ファイルに対応しています。対応ファイルはブラウザ内でデコードされるため、変換もアップロードも不要です。
マイクは使えますか?
はい。「マイクを使用」を選んでライブのオーディオビジュアライザーを開始し、ブラウザでマイクへのアクセスを許可してください。ハウリングを防ぐため、モニタリングはミュートされています。
YouTube や TikTok 向けの動画はどう作りますか?
トラックを読み込み、エフェクトとテーマを選び、YouTube なら「横型」、TikTok なら「縦型」を選択して「動画を書き出す」を押します。ブラウザが動画書き出しに対応している場合、キャンバスと音声がリアルタイムで同時録画されます。
背景画像は追加できますか?
はい。背景コントロールで「画像」を選び、JPEG、PNG、WebP ファイルを選択します。画像はオーディオビジュアライザーの背面に表示され、ジャケットやカバー画像、ブランドビジュアルに適しています。
一部のエフェクトが使えないのはなぜですか?
高度な 3D オーディオビジュアライザー効果は WebGL2 を使用し、対応するデスクトップブラウザー向けのものです。WebGL2 が使えない環境やモバイル端末では、汎用の Canvas 2D エフェクトが引き続き利用できます。
オーディオはアップロードされますか?
されません。このオーディオビジュアライザーは、ローカルファイルとマイク入力をブラウザ内で解析します。通常の音楽ビジュアライザーのワークフローでは、音源がレンダリングサーバーへ送信されることはありません。
本当に無料で、ウォーターマークも付きませんか?
はい。Audio Visualizer は無料で、アカウント登録も不要、書き出しにウォーターマークも付きません。書き出しの可否と最大解像度は、お使いのブラウザの録画機能によって異なります。