audio-visualization について
音楽制作者、ポッドキャスト制作者、動画クリエイター向けの音声可視化スキルです。each::sense で波形、スペクトラム、パーティクル、3D 表現を生成し、ビート同期や対話を通じた調整にも対応します。
主な機能
- 01波形とスペクトラムの可視化
- 02円形、パーティクル、3D 表現
- 03抽象的な映像とブランド表現
- 04ビート同期アニメーション
- 05セッションでのデザイン調整
活用シーン
- 01楽曲のビジュアライザー動画制作
- 02ポッドキャスト用のシンプルな波形動画制作
- 03SNS向けの正方形または縦型映像制作
- 04ビートに同期したアニメーション制作
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ eachlabs/ skills --skill audio-visualizationインストール後、Claude Code で/audio-visualizationを入力して読み込まれたか確認します。
同梱ファイルreferences/SSE-EVENTS.md
詳細
オーディオビジュアライゼーション
each::senseを使用して、見事なオーディオビジュアライゼーション動画を生成します。このスキルでは、波形、スペクトラムアナライザー、パーティクルエフェクト、3Dビジュアライゼーション、ビートに同期したアニメーションなど、音声をダイナミックに視覚化できます。
機能
- 波形ビジュアライザー:オシロスコープ風のクラシックな音声波形
- スペクトラムアナライザー:スタイルをカスタマイズできる周波数バーのビジュアライゼーション
- 円形ビジュアライザー:音声に反応する放射状のデザイン
- パーティクルシステム:音声に連動するパーティクルエフェクトや爆発
- 3Dビジュアライゼーション:臨場感あふれる立体的な音の風景
- 抽象的なリアクティブビジュアル:芸術的で抽象的な音声反応型ビジュアル
- ポッドキャストの波形:ポッドキャストや音声コンテンツ向けの、すっきりとしたシンプルな波形
- ミュージックビデオ:エフェクトを備えた本格的なミュージックビデオ用ビジュアライザー
- ビート同期アニメーション:ビートやリズムにぴったりと同期するアニメーション
- ブランドビジュアライザー:ブランドに合わせてカスタマイズしたオーディオビジュアライゼーション
クイックスタート
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
-H "Content-Type: application/json" \
-H "X-API-Key: $EACHLABS_API_KEY" \
-H "Accept: text/event-stream" \
-d '{
"messages": [{"role": "user", "content": "Create a neon waveform visualizer video for this electronic music track, purple and cyan colors, 16:9 format"}],
"model": "eachsense/beta",
"stream": true,
"mode": "max",
"audio_urls": ["https://example.com/music-track.mp3"]
}'
ビジュアライゼーションのスタイル
| スタイル | 説明 | 最適な用途 |
|---|---|---|
| 波形 | オシロスコープ風のクラシックな波形パターン | 音楽、ポッドキャスト、音声 |
| スペクトラムバー | 周波数アナライザーのバー | EDM、エレクトロニックミュージック |
| 円形 | 音声に反応する放射状のリング | アルバムアート、ソーシャルメディア |
| パーティクル | 音声に連動するパーティクルシステム | 劇的でエネルギッシュなトラック |
| 3Dランドスケープ | 立体的な地形や形状 | 臨場感のあるコンテンツ |
| 抽象 | 芸術的な流体や幾何学的なパターン | クリエイティブで芸術的な動画 |
| ミニマル | すっきりとしたシンプルな波形 | ポッドキャスト、インタビュー |
使用例
1. 波形ビジュアライザー
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
-H "Content-Type: application/json" \
-H "X-API-Key: $EACHLABS_API_KEY" \
-H "Accept: text/event-stream" \
-d '{
"messages": [{"role": "user", "content": "Create a smooth waveform visualizer video for this audio. Use a gradient from electric blue to pink, dark background, 1080p 16:9 format. The waveform should be centered and react smoothly to the audio frequencies."}],
"model": "eachsense/beta",
"stream": true,
"mode": "max",
"audio_urls": ["https://example.com/song.mp3"]
}'
2. スペクトラムアナライザーのバー
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
-H "Content-Type: application/json" \
-H "X-API-Key: $EACHLABS_API_KEY" \
-H "Accept: text/event-stream" \
-d '{
"messages": [{"role": "user", "content": "Generate a spectrum analyzer visualization with vertical bars that react to the music. EDM style with neon green and yellow gradient bars on a black background. Add glow effects and mirror reflection at the bottom. 1920x1080 landscape video."}],
"model": "eachsense/beta",
"stream": true,
"mode": "max",
"audio_urls": ["https://example.com/edm-track.mp3"]
}'
3. 円形オーディオビジュアライザー
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
-H "Content-Type: application/json" \
-H "X-API-Key: $EACHLABS_API_KEY" \
-H "Accept: text/event-stream" \
-d '{
"messages": [{"role": "user", "content": "Create a circular audio visualizer with radial bars emanating from the center. Place an album art placeholder in the center circle. Use warm orange and red colors with a subtle pulsing glow effect. Square 1:1 format for social media."}],
"model": "eachsense/beta",
"stream": true,
"mode": "max",
"audio_urls": ["https://example.com/album-track.mp3"]
}'
4. パーティクルベースのビジュアライザー
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
-H "Content-Type: application/json" \
-H "X-API-Key: $EACHLABS_API_KEY" \
-H "Accept: text/event-stream" \
-d '{
"messages": [{"role": "user", "content": "Generate an audio-reactive particle system visualization. Particles should explode outward on bass hits and swirl gently during quieter sections. Use a cosmic color palette with blues, purples, and white sparkles. Deep space background. 16:9 HD video."}],
"model": "eachsense/beta",
"stream": true,
"mode": "max",
"audio_urls": ["https://example.com/electronic.mp3"]
}'
5. 3Dオーディオビジュアライゼーション
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
-H "Content-Type: application/json" \
-H "X-API-Key: $EACHLABS_API_KEY" \
-H "Accept: text/event-stream" \
-d '{
"messages": [{"role": "user", "content": "Create a 3D audio visualization with a geometric landscape that responds to the music. The terrain should rise and fall with the frequencies, camera slowly moving forward through the scene. Synthwave aesthetic with neon grid lines, pink and cyan lighting. 1080p cinematic format."}],
"model": "eachsense/beta",
"stream": true,
"mode": "max",
"audio_urls": ["https://example.com/synthwave.mp3"]
}'
6. 抽象的なリアクティブビジュアル
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
-H "Content-Type: application/json" \
-H "X-API-Key: $EACHLABS_API_KEY" \
-H "Accept: text/event-stream" \
-d '{
"messages": [{"role": "user", "content": "Generate abstract audio-reactive visuals with fluid, organic shapes that morph and flow with the music. Use a dreamy color palette with soft pastels transitioning through the spectrum. The visuals should feel like living art, responding to both rhythm and melody. Vertical 9:16 format for Instagram Reels."}],
"model": "eachsense/beta",
"stream": true,
"mode": "max",
"audio_urls": ["https://example.com/ambient-track.mp3"]
}'
7. ポッドキャストの波形動画
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
-H "Content-Type: application/json" \
-H "X-API-Key: $EACHLABS_API_KEY" \
-H "Accept: text/event-stream" \
-d '{
"messages": [{"role": "user", "content": "Create a clean, minimal podcast waveform video. Simple horizontal waveform bar in the center that responds to voice audio. White waveform on a dark gray background. Leave space at the top for a podcast title and bottom for episode info. Professional and clean look. Square 1:1 format."}],
"model": "eachsense/beta",
"stream": true,
"mode": "eco",
"audio_urls": ["https://example.com/podcast-episode.mp3"]
}'
8. ミュージックビデオ用ビジュアライザー
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
-H "Content-Type: application/json" \
-H "X-API-Key: $EACHLABS_API_KEY" \
-H "Accept: text/event-stream" \
-d '{
"messages": [{"role": "user", "content": "Create a full music video visualizer combining multiple effects. Start with abstract flowing shapes, transition to particle bursts during the chorus, and include subtle waveform elements throughout. High energy, colorful, psychedelic style matching the energetic music. 1920x1080 landscape format, full track length."}],
"model": "eachsense/beta",
"stream": true,
"mode": "max",
"audio_urls": ["https://example.com/full-song.mp3"]
}'
9. ビート同期アニメーション
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
-H "Content-Type: application/json" \
-H "X-API-Key: $EACHLABS_API_KEY" \
-H "Accept: text/event-stream" \
-d '{
"messages": [{"role": "user", "content": "Generate a beat-synced animation where geometric shapes pulse, rotate, and transform exactly on the beat. Sharp, precise animations on every kick drum and snare hit. Minimal black and white design with red accent flashes on the strongest beats. Perfect sync is critical. 16:9 HD video."}],
"model": "eachsense/beta",
"stream": true,
"mode": "max",
"audio_urls": ["https://example.com/drum-track.mp3"]
}'
10. カスタムブランドビジュアライザー
# Initial branded visualizer
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
-H "Content-Type: application/json" \
-H "X-API-Key: $EACHLABS_API_KEY" \
-H "Accept: text/event-stream" \
-d '{
"messages": [{"role": "user", "content": "Create a branded audio visualizer for a record label. Use brand colors: deep purple (#6B21A8) and gold (#F59E0B). Include a circular visualizer with space in the center for a logo. Add a subtle animated gradient background. Professional, premium feel. 1:1 square format for social media."}],
"model": "eachsense/beta",
"stream": true,
"mode": "max",
"audio_urls": ["https://example.com/label-release.mp3"],
"session_id": "branded-viz-001"
}'
# Iterate on the design
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
-H "Content-Type: application/json" \
-H "X-API-Key: $EACHLABS_API_KEY" \
-H "Accept: text/event-stream" \
-d '{
"messages": [{"role": "user", "content": "Add more gold particle sparkles that react to high frequencies, and make the purple glow more intense on bass hits"}],
"model": "eachsense/beta",
"stream": true,
"session_id": "branded-viz-001"
}'
ベストプラクティス
音声の品質
- ファイル形式:MP3、WAV、FLAC、AACに対応
- サンプルレート:44.1kHz以上を推奨
- クリアな音声:音声がクリアだと、より良いビジュアライゼーションを生成できます
- 音量レベル:音声をノーマライズすると、ビジュアルのクリッピングを防げます
ビジュアルデザイン
- コントラスト:ビジュアルと背景のコントラストを高くする
- 色の調和:補色または類似色の配色を使用する
- 反応性:ビジュアルの強さを音声のダイナミクスに合わせる
- セーフゾーン:プラットフォームのUIオーバーレイ用に余白を設ける
フォーマットのガイドライン
| プラットフォーム | アスペクト比 | 解像度 | 備考 |
|---|---|---|---|
| YouTube | 16:9 | 1920x1080 | 横向き、フルHD |
| Instagram Post | 1:1 | 1080x1080 | 正方形フォーマット |
| Instagram Reels | 9:16 | 1080x1920 | 縦向き、Storiesに対応 |
| TikTok | 9:16 | 1080x1920 | 縦向きフォーマット |
| Spotify Canvas | 9:16 | 720x1280 | 3~8秒のループ |
| SoundCloud | 16:9 | 1280x720 | 波形スタイルが人気 |
オーディオビジュアライゼーションのプロンプトのヒント
プロンプトには以下の詳細を含めてください。
- ビジュアライゼーションの種類:波形、スペクトラム、円形、パーティクル、3D、抽象
- 配色:具体的な色、グラデーション、パレットのスタイル
- 背景:単色、グラデーション、アニメーション、宇宙など
- エフェクト:グロー、ぼかし、反射、パーティクル、軌跡
- 反応性:低音、中音、高音、ビートのどれに反応するか
- フォーマット:アスペクト比と解像度
- スタイル:EDM、ミニマル、サイケデリック、企業向けなど
- ブランディング:ロゴやテキストオーバーレイ用のスペース
プロンプトの構成例
"Create a [visualization type] for [audio type/genre].
Use [color scheme] with [background style].
Add [effects] that react to [audio elements].
[Format and resolution]. [Style description]."
モードの選択
「速くて安価なものと、高品質なもののどちらが必要ですか?」
| モード | 最適な用途 | 速度 | 品質 |
|---|---|---|---|
max | 最終リリース、ミュージックビデオ、プレミアムコンテンツ | 遅め | 最高 |
eco | 下書き、プレビュー、ソーシャルメディア用クリップ、ポッドキャスト | 速め | 良好 |
複数ターンでのクリエイティブな反復
session_id を使用してビジュアライゼーションを反復します。
# Initial visualization
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
-H "Content-Type: application/json" \
-H "X-API-Key: $EACHLABS_API_KEY" \
-H "Accept: text/event-stream" \
-d '{
"messages": [{"role": "user", "content": "Create a spectrum analyzer visualization for this EDM track"}],
"model": "eachsense/beta",
"stream": true,
"audio_urls": ["https://example.com/track.mp3"],
"session_id": "viz-project-001"
}'
# Refine colors
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
-H "Content-Type: application/json" \
-H "X-API-Key: $EACHLABS_API_KEY" \
-H "Accept: text/event-stream" \
-d '{
"messages": [{"role": "user", "content": "Change the color scheme to cyan and magenta, add more glow"}],
"model": "eachsense/beta",
"stream": true,
"session_id": "viz-project-001"
}'
# Add effects
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
-H "Content-Type: application/json" \
-H "X-API-Key: $EACHLABS_API_KEY" \
-H "Accept: text/event-stream" \
-d '{
"messages": [{"role": "user", "content": "Add particle trails on the peaks and a subtle mirror reflection"}],
"model": "eachsense/beta",
"stream": true,
"session_id": "viz-project-001"
}'
複数のトラックの一括生成
# Track 1
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
-H "Content-Type: application/json" \
-H "X-API-Key: $EACHLABS_API_KEY" \
-H "Accept: text/event-stream" \
-d '{
"messages": [{"role": "user", "content": "Create a circular visualizer for this track, purple and blue colors"}],
"model": "eachsense/beta",
"stream": true,
"mode": "eco",
"audio_urls": ["https://example.com/track1.mp3"]
}'
# Track 2 (same style)
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
-H "Content-Type: application/json" \
-H "X-API-Key: $EACHLABS_API_KEY" \
-H "Accept: text/event-stream" \
-d '{
"messages": [{"role": "user", "content": "Create a circular visualizer for this track, same purple and blue style as track1"}],
"model": "eachsense/beta",
"stream": true,
"mode": "eco",
"audio_urls": ["https://example.com/track2.mp3"]
}'
エラー処理
| エラー | 原因 | 解決策 |
|---|---|---|
Failed to create prediction: HTTP 422 | 残高不足 | eachlabs.ai でチャージしてください |
| 音声処理に失敗しました | 対応していない形式、またはファイルが破損しています | MP3/WAV を使用し、ファイルの整合性を確認してください |
| タイムアウト | 音声が長い、またはビジュアライゼーションが複雑です | クライアントのタイムアウトを最低 10 分に設定してください |
| 同期の問題 | ビート検出が複雑です | 明瞭で適切にマスタリングされた音声を用意してください |
関連スキル
each-sense- コア API ドキュメントmusic-generation- AI 音楽の作成video-generation- 一般的な動画の作成video-editing- ポストプロダクション編集
コメント
Markdown 対応