VizMixとは
VizMixはブラウザで動作するVJ(ビジュアルジョッキー)ソフトウェアです。
- インストール不要 - ブラウザだけで動作
- 2チャンネルミキシング - A/Bチャンネルをクロスフェード
- チャンネルディマー - 各チャンネルの明るさを独立制御
- 16バンク - 各チャンネル8つの素材を切り替え
- BPM同期 - タップテンポ、自動切替、BPMフラッシュ
- 映像エフェクト - Color / Adjust / Blur / Glitch 系エフェクト
- MIDI対応 - MIDIラーンで自由にアサイン
- GLSLシェーダー / ISFシェーダー対応
インストール
Web版(推奨)
ブラウザでアクセスするだけで使用できます。インストール不要です。
- Chrome ブラウザを開く
- VizMixのURL(準備中)にアクセス
- すぐに使用開始
Web版はサーバーにアクセスするだけなので、追加ソフトのインストールは不要です。
ダウンロード版(準備中)
オフラインで使用できるダウンロード版は、今後提供予定です。
基本操作
画面構成
- Channel A(左) - ディマー + 映像プレビュー + 再生コントロール + 8バンク
- Master(中央) - マスタープレビュー + クロスフェーダー + BPM設定
- Channel B(右) - 映像プレビュー + ディマー + 再生コントロール + 8バンク
- エフェクトパネル(右サイド) - VIDEO EFFECTS(開閉可能)
チャンネルディマー
各チャンネルプレビューの横にある縦スライダーがディマーです。
- 0%(下): 真っ暗 / 100%(上): フル表示
- クロスフェーダーとは独立して動作
- プレビューの明るさにリアルタイム反映
- MIDIコントローラーからも操作可能
映像の読み込み
- 動画ファイルをバンクボタンにドラッグ&ドロップ
- またはメディアブラウザのサムネイルをダブルクリックしてアサイン
- サムネールが表示され、映像が読み込まれます
- バンクボタンをクリックして映像を切り替え
対応形式: MP4 (H.264)、WebM (VP8/VP9)。MP4を推奨します。
シェーダーの読み込み
- シェーダーファイル(.glsl / .frag / .fs)をバンクボタンにドラッグ&ドロップ
- ボタンが紫色になり、シェーダーが読み込まれます
- ISFフォーマット(.fs)にも対応 - INPUTS の uniform が自動生成されます
クロスフェード
中央のスライダーでChannel AとChannel Bをミックスします。
- 左端: Channel A 100%
- 中央: 50% / 50%
- 右端: Channel B 100%
Output Window
「Open Output」ボタンで出力用ウィンドウを開きます。プロジェクターやLEDに接続するモニターに移動してフルスクリーンにしてください。
出力解像度はヘッダーのドロップダウンで 540p / 720p / 1080p から選択できます。
メディアブラウザ
Bank A / Bank B の横にメディアブラウザパネルがあります。フォルダ内の映像を一覧表示し、簡単にバンクへ割り当てできます。
フォルダの選択
- 「Select Folder」ボタンをクリック
- 映像ファイルが入っているフォルダを選択
- フォルダ内の対応ファイルがサムネイル表示されます
表示切替
- グリッド表示: サムネイルを格子状に表示
- リスト表示: ファイル名とサムネイルを縦に表示
パネル右上のアイコンで切り替えできます。
バンクへの割り当て
- ドラッグ&ドロップ: サムネイルをドラッグしてバンクボタンにドロップ
- ダブルクリック: サムネイルをダブルクリックすると、現在アクティブなバンクにアサイン
対応フォーマット
- 動画: MP4 (H.264) 推奨、WebM
- シェーダー: .glsl / .frag / .fs(ISF対応)
Webcam
Channel A / Channel B のプレビュー下にある Media / Cam 切替ボタンでカメラ入力に切り替えられます。
基本操作
- Media / Cam ボタン: クリックで Media モードと Cam モードを切り替え
- Cam モード: カメラ映像をリアルタイム表示
- Media モード: 通常のバンク映像を表示
複数カメラ対応
- ドロップダウンメニューから使用するカメラを選択
- Channel A と Channel B で異なるカメラを選択可能
- OBS仮想カメラなども使用可能
注意事項
- HTTPS または localhost 環境が必要です
- 初回使用時にブラウザがカメラへのアクセス許可を求めます
再生コントロール
各チャンネルのプレビュー下に再生コントロールがあります。
操作
- 再生/一時停止ボタン: クリックで再生と一時停止を切り替え
- シークバー: ドラッグで映像の任意の位置にジャンプ(自動的に一時停止)
- 再生時間: 現在の再生位置を表示
※ ISFシェーダー再生中はシークバーは非表示になります。
キーボードショートカット
| キー | 機能 |
|---|---|
| 1 - 8 | Channel A バンク選択 |
| Q W E R T Y U I | Channel B バンク選択 |
| A | クロスフェーダー左端 (A 100%) |
| S | クロスフェーダー中央 (50/50) |
| D | クロスフェーダー右端 (B 100%) |
| ← → | クロスフェーダー微調整 (±1%) |
| < > | クロスフェーダー微調整 (±1%) |
| Shift + ← → | クロスフェーダー調整 (±5%) |
| Space | タップテンポ |
| ↑ ↓ | BPM ±1 |
| Shift + ↑ ↓ | BPM ±5 |
| P | BPM 再生/一時停止 |
| X | 自動切替 ON/OFF |
| [ ] | 自動切替間隔変更 |
| F1 | Invert ON/OFF |
| F2 | Grayscale ON/OFF |
| F3 | Sepia ON/OFF |
| F4 | Blur リセット |
| F5 | Brightness リセット |
| F6 | Contrast リセット |
| F7 | Glitch リセット |
| F8 | RGB Shift リセット |
| F9 | RGB Multiply リセット |
| Tab | エフェクトパネル開閉 |
| O | Output Window を開く |
| H | ヘルプ表示 |
| Ctrl+Shift+D | デバッグオーバーレイ |
BPM機能
BPM設定方法
- 手動入力: 数値フィールドに直接入力(40-200)
- タップテンポ: TAPボタンまたはSpaceキーを曲に合わせて連打
ビートインジケーター
4つのドットが拍に合わせて点灯します。
自動切替
- 「Auto Switch」チェックボックスをON
- 切替間隔を選択(1/2/4/8/16拍)
- ビートに合わせてA↔Bが自動で切り替わります
BPMフラッシュ
BPMに合わせて白いフラッシュを映像の上にオーバーレイ表示する機能です。
- FLASH ボタン: クリックでフラッシュの ON/OFF を切り替え
- パターン選択: 1/1(毎拍)/ 1/2 / 1/4(デフォルト)/ 1/8 から選択
エフェクト
エフェクトパネル
画面右側にエフェクトサイドパネルがあります。
- パネル開閉: ✕ ボタンで閉じる / 右端の「FX」ボタンで開く / Tab キーでトグル
- エフェクト選択: リストからエフェクトをクリック → パラメータ表示
- ON/OFF切替: エフェクトをダブルクリック、またはパラメータパネルのトグル
- パラメータ調整: スライダーをドラッグ
パネルの開閉状態はブラウザに保存され、次回起動時に復元されます。
利用可能なエフェクト
| カテゴリ | エフェクト | ショートカット | 説明 |
|---|---|---|---|
| Color | Invert | F1 | 色反転(ON/OFF) |
| Grayscale | F2 | グレースケール(0-100%) | |
| Sepia | F3 | セピア調(0-100%) | |
| Adjust | Brightness | F5 | 明度(-100〜100) |
| Contrast | F6 | コントラスト(-100〜100) | |
| Blur | Blur | F4 | ぼかし(0-100%) |
| Glitch | Glitch | F7 | 水平スライスずらし(0-100%) |
| RGB Shift | F8 | RGBチャンネルオフセット(0-100%) | |
| RGB Multiply | F9 | 単色乗算(0-100% + カラー選択) |
RGB Multiply カラー選択
カラーピッカーまたはプリセットボタン(R / G / B / C / M / Y)で色を選択できます。映像に色を載せてモノクロ風の演出に使えます。
MIDI対応
接続方法
- MIDIコントローラーをPCに接続
- VizMixを開く(または再読み込み)
- ヘッダーにデバイス名が表示されれば接続完了
※ MIDI機能はChrome/Edgeでのみ動作します。HTTPS接続が必要です。
MIDIラーン
任意のMIDIノブ/フェーダー/ボタンを、任意のUIパラメータに自由に割り当てできます。
- ヘッダーの「Learn」ボタンをクリック → ラーンモードに入る
- 割り当てたいUI要素(スライダー、ボタン等)をクリック
- MIDIコントローラーのノブ/フェーダー/ボタンを操作
- マッピングが自動的に登録される
- 「Learn」ボタンを再度クリックでラーンモード終了
マッピングはブラウザに保存され、次回起動時に自動復元されます。「Clear」ボタンで全マッピングをクリアできます。
割り当て可能なパラメータ
- クロスフェーダー
- ディマー A / B
- BPM
- バンク A / B 切替
- 各エフェクトパラメータ
- 自動切替、タップテンポ など
トラブルシューティング
映像が表示されない
- 動画形式を確認(MP4/H.264推奨)
- Chromeのハードウェアアクセラレーションが有効か確認
- ページを再読み込み(Ctrl+Shift+R)
MIDIが認識されない
- Chrome/Edgeを使用しているか確認
- HTTPS接続(またはlocalhost)か確認
- MIDIデバイスを接続してからページを再読み込み
動作が重い
- 出力解像度を下げる(ヘッダーの解像度セレクタで540pに変更)
- 他のタブやアプリを閉じる
- Glitch/RGB Shift エフェクトはCPU負荷が高め。使用しない時は0に戻す
- 専用GPU(GTX 1060 / RX 580 以上)を推奨
ライセンス
VizMix
© 2024-2026 VizMix. All rights reserved.
- 体験版: 個人利用無料
- フル版: 有料販売予定
使用ライブラリ
VizMixは以下のオープンソースライブラリを使用しています:
| ライブラリ | ライセンス | 用途 |
|---|---|---|
| PlayCanvas Engine | MIT | WebGLレンダリング |
| Vite | MIT | ビルドツール |
詳細は LICENSE.txt をご覧ください。
出力映像の権利
VizMixを使用して作成・出力した映像の権利はユーザーに帰属します。商用利用を含め、自由にご使用ください。
免責事項
本ソフトウェアは「現状のまま」提供されます。使用に起因するいかなる損害についても、開発者は責任を負いません。