mcpField
A
audio-visualization

audio-visualization

github.com/eachlabsクリエイティブ・メディア44317 回インストール今日更新
リポジトリ

audio-visualization について

音楽制作者、ポッドキャスト制作者、動画クリエイター向けの音声可視化スキルです。each::sense で波形、スペクトラム、パーティクル、3D 表現を生成し、ビート同期や対話を通じた調整にも対応します。

主な機能

  1. 01波形とスペクトラムの可視化
  2. 02円形、パーティクル、3D 表現
  3. 03抽象的な映像とブランド表現
  4. 04ビート同期アニメーション
  5. 05セッションでのデザイン調整

活用シーン

  1. 01楽曲のビジュアライザー動画制作
  2. 02ポッドキャスト用のシンプルな波形動画制作
  3. 03SNS向けの正方形または縦型映像制作
  4. 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オーバーレイ用に余白を設ける
フォーマットのガイドライン
プラットフォームアスペクト比解像度備考
YouTube16:91920x1080横向き、フルHD
Instagram Post1:11080x1080正方形フォーマット
Instagram Reels9:161080x1920縦向き、Storiesに対応
TikTok9:161080x1920縦向きフォーマット
Spotify Canvas9:16720x12803~8秒のループ
SoundCloud16:91280x720波形スタイルが人気

オーディオビジュアライゼーションのプロンプトのヒント

プロンプトには以下の詳細を含めてください。

  1. ビジュアライゼーションの種類:波形、スペクトラム、円形、パーティクル、3D、抽象
  2. 配色:具体的な色、グラデーション、パレットのスタイル
  3. 背景:単色、グラデーション、アニメーション、宇宙など
  4. エフェクト:グロー、ぼかし、反射、パーティクル、軌跡
  5. 反応性:低音、中音、高音、ビートのどれに反応するか
  6. フォーマット:アスペクト比と解像度
  7. スタイル:EDM、ミニマル、サイケデリック、企業向けなど
  8. ブランディング:ロゴやテキストオーバーレイ用のスペース
プロンプトの構成例
"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 - ポストプロダクション編集

コメント