VJam Docs

VJam は、ブラウザで動くリアルタイム映像楽器です。音を入れて、プリセットを重ね、Deck A/B を切り替えながら、ライブや配信、プロジェクションで使えます 🎛️

このドキュメントでは、初めて起動するところから、本番前の確認、録画、配信、MIDI、スマホ操作まで、目的別にまとめています。まず触ってみたい人は「はじめかた」から、困っている症状がある人は「トラブルシュート」からどうぞ 🧭

📑 目次

👋 はじめに

VJam とは — 何ができるソフト? 設計の考え方 ✅

🎬 チュートリアル(手を動かして覚える)

はじめかた — 初めての5分。音を入れて、映像を出して、切り替える ✅

🛠️ 使い方 / How-to(やりたいことから引く)

🔊 音を取り込む & 反応しない時 — マイク / 音声ファイル / デモ + 詰まりの解決 ✅
🎨 プリセットを重ねる・切り替える — タップで重ねる / スワイプで切替 / Kill / レイヤー上限 ✅
🎱 Deck A / B とクロスフェード — 2デッキ独立 / クロスフェーダー / ブラウザで今の Deck を操作 ✅
🌈 ブレンドとフィルターを重ねる — 重なり方 × 色味の掛け算 ✅
🖼️ 画像 — 写真・ロゴ / 8加工 / random / Lock / 複数画像 ✅
🧩 コラージュ — 複数画像を個別配置 / 切り抜き / 画像ごとの加工 ✅
🎬 動画 — 動画ループ / speed / loop / CLIP・VIDEOS ✅
💬 テキスト — 文字演出 / フォント / 位置 / CTA ✅
🎵 曲情報 — 曲名・アーティスト・アルバムアート ✅
⭐ シーンと FAV で状態を保存する — プリセットFAV / シーン=Deck全状態 / 1-9スロット ✅
🔴 録画して MP4 で書き出す — 形式/長さ/音源設定 / 音入りはファイル必須 / MP4書き出し ✅
📡 配信で使う(OBS / ブラウザキャプチャ) — PROJ窓をOBSキャプチャ / 音の載せ方 / 負荷対策 ✅
📺 プロジェクター / 外部モニタに出す — PROJ=映像だけ別窓 / 2画面運用 / PC専用 ✅
🎹 MIDI コントローラで操作する — 接続 / MIDIラーンで割当 / global・deck系 ✅
✅ 本番前チェックリスト — 音/画面/仕込み/操作/安定性/録画の直前確認 ✅

📱 スマホで使う

📱 スマホで使う — 全ジェスチャー / PC専用機能 / スマホの注意 ✅
📲 PWA / アプリインストール — PWAとは / Chrome・Android・iPhoneの追加手順 / iOS注意 ✅

🆘 困った時(トラブルシュート)

🆘 困った時(トラブルシュート) — 症状から引ける(真っ黒 / 音 / タップ無反応 / iPhone / 重い / 録画 / MIDI / 外部出力) ✅

📋 リファレンス(全機能まるっと)

📋 リファレンス早見表 — 全ショートカット / ジェスチャー / ブレンド8 / フィルター7 / Cockpit / ミニバー ✅

💡 概念(なんでこの作り?)

💡 概念(なんでこの作り?) — デュアルエンジン / Deck独立 / 感じる映像 / モジュレーション ✅

📖 用語集

📖 用語集 — VJam 用語をサクッと引く ✅