Audio Visualizer
ビジュアライザーに戻る

ツールについて

Audio Visualizer について

音楽や音声、さまざまな音を、明瞭で表現力のある動きに変えるブラウザツールです。

実際の創作現場のために

このプロジェクトは、シンプルな欲求から始まりました。楽曲をアップロードすることも、本格的な編集ソフトを開くこともなく、洗練されたオーディオビジュアライザーを作りたい。そのための工程は短いべきです——オーディオを読み込み、画面の言語を選び、色とキャンバスを調整し、すぐに結果を見る。

だからこのツールは、ミュージシャン、ポッドキャスター、動画クリエイター、デザイナーなど、音に映像を合わせたいすべての人に役立ちます。アイデアをすぐ共有できる形に変える、その瞬間のために作られています。

  • ローカルで開始。アカウント登録なしで、オーディオファイルやマイク入力を使用できます。
  • 見た目を作る。反応する 2D・3D スタイル、カラーテーマ、背景、画幅から選べます。
  • すぐにフィードバック。リモートレンダリングを待たず、作業しながら変更をプレビューできます。
  • できたら書き出す。リリース、ポッドキャスト、プレゼン、SNS 投稿に使える動画を作成します。

ビジュアライザーの設計方法

インターフェースは、結果を最も左右するコントロールに絞っています。オーディオソース、画面スタイル、パレット、キャンバス、書き出し設定です。最初の画面を複雑なエディターにすることなく、出力を自分らしくするための自由度を保つのが目標です。

オーディオ解析はレンダラーと並行して動き、低音・中音・高音、波形の形、リズムの変化に追従できます。スタイルごとに信号の使い方は異なり、ビートを強調するもの、スペクトラムを見せるもの、波形をより大きな動的構図へと広げるものがあります。

同じワークフローが、完成済みの楽曲、音声、効果音、フィールドレコーディング、ライブマイク入力に使えます。音源が一般的な音楽でなくても、ツールが役に立つように作られています。

実際のニーズから生まれた

優れている点

役立つビジュアライザーとは、ファイルを読み込み、スタイルを切り替え、強い色の方向性を見つけ、大掛かりな制作ワークフローを学ばずに書き出せるものです。このプロジェクトは、そうした小さな瞬間こそを主役として扱っています。

その結果として生まれたのは、きれいな出発点と、映像を自分のものにできるだけの操作感を求めるクリエイターのための、一点に集中したブラウザツールです。

01

ブラウザ内でローカル処理

通常のワークフローでは、オーディオ解析、キャンバスレンダリング、書き出しまでブラウザ内で完結します。

02

多彩な画面言語

ミニマルなバー、表情豊かな波形、放射図形、パーティクル、WebGL シーンがひとつの場所に揃います。

03

実用的なフォーマットに対応

横型・正方形・縦型のキャンバスで、いろいろな投稿先に合わせた映像を作りやすくなります。

04

クリエイターのために

音楽リリース、ポッドキャスト、SNS 投稿、プレゼン、実験などのワークフローに役立ちます。

集中できるワークフロー

ツールを開き、音を読み込み、プレビューから始めます。音楽が別の方向を示唆すればスタイルやパレットを変え、構図に文脈が要れば背景を足し、動画の使途に合わせてキャンバスを選びます。

初めて開いたときも気軽に使えて、また次の作品を作りに戻ってきたときも十分に探索できる余白がある。そんなツールであることを目指しています。