リアルタイムでサウンドを確認する
マイクを選択するか、オーディオファイルをロードして、4つの異なるビジュアルモードがサウンドに反応するのを確認してください。周波数、レベル、音符がライブで表示されます。
ビジュアライザーの機能
4つのレンダリングモードを備えたリアルタイムWebオーディオアナライザー
4つのビジュアルモード
バー、波形、放射状およびミラービュー、オーディオの再生中に切り替え可能
マイクまたはファイル
ライブマイク入力を分析するか、ローカルオーディオファイルをプライベートに再生します
レベルと周波数
色分けされたメーターによるライブピーク周波数、ドミナントノート、dBレベル
微調整
あらゆるソースに合わせてFFTサイズ、スムージング、感度を調整します
スナップショットのエクスポート
ワンクリックで現在のフレームをPNG画像として保存します
設計によるプライベート
音声はローカルで処理されます - ファイルはアップロードされません
オーディオビジュアライザーの使用方法
音の視覚化を始めるための4つのステップ
ソースを選択してください
ライブサウンド用のマイクを選択するか、デバイスからオーディオファイルをロードします
視覚化の開始
[Start Visualization] を押し、ブラウザーが要求した場合はマイクへのアクセスを許可します。
ビジュアルモードを選択してください
バー、波形、放射状、ミラースタイルをいつでも切り替え可能
調整してキャプチャする
感度とテーマを調整し、現在のフレームのスナップショットを保存します
ブラウザの互換性
Web Audio APIとCanvas上に構築
Chrome
フルサポートすべてのビジュアルモードを完全にサポート
Edge
フルサポートChromiumベースのエッジを完全にサポート
Firefox
フルサポート音声ファイルのデコードを含むフルサポート
Safari
フルサポートmacOSおよびiOS 14.5以降でサポートされています
よくある質問
オーディオビジュアライザーに関するよくある質問
ビジュアライザーを使用するにはマイクが必要ですか?
いいえ。デバイスから任意のオーディオファイルをロードでき、代わりにビジュアライザーが再生を分析します。マイクオプションはライブサウンドの場合にのみ必要です。
スタートを押しても何も起こらないのはなぜですか?
ほとんどのブラウザでは、ユーザーのジェスチャーとマイクの許可が必要です。アニメーションが平らなままの場合は、入力デバイスがミュートになっていないこと、およびシステム設定で正しいマイクが選択されていることを確認してください。
ドミナントノートの表示は何を示していますか?
最も強い周波数を最も近い音符とオクターブに変換します。これは、楽音や楽器に最も役立ちます。スピーチは急速に変化する結果を生み出します。
どのビジュアルモードを選択すればよいですか?
バーは音楽に最適で、波形は音声や詳細な分析に最適です。放射状は円形のアートワークに適しており、ミラーモードは対称的で調整された外観を与えます。
私の音声はどこかにアップロードされていますか?
いいえ。Web Audio APIはブラウザ内のサウンドを分析します。オーディオファイルはローカルで読み取られ、サーバーに送信されることはありません。
これをライブストリームやプレゼンテーションに使用できますか?
はい。スナップショットをPNG画像としてキャプチャしたり、オペレーティングシステムの画面キャプチャツールをこのページとともに使用して、通話中にライブビジュアルを表示したりできます。