ブラウザで動くVJ HTML Pack Vol.01

ブラウザ上で動作するVJ向けHTMLビジュアルパックです。

インストール不要。

HTMLファイルを開くだけで、音に反応するリアルタイムビジュアルを再生できます。

ライブ、クラブイベント、配信背景、展示空間などで使用可能。

Three.jsを使用した3D表現、音反応、グリッチ、カレイドスコープ、パーティクル演出などを収録しています。

詳細

内容

HTMLファイル

JavaScriptファイル

使用ガイド

主な機能

Audio Reactive Visual

3D Particle System

Glitch Effect

Kaleidoscope

Mirror Effect

Webcam Input

外部ビデオ入力対応

MIDI対応

PS5 Controller対応

AKAI APC40 USB MIDI Controller対応

Preset Save / Load

Fullscreen VJ Visual

映像入力対応

PC標準カメラ入力対応

Webcam映像入力可能

外部ビデオ入力可能

動画ファイル読み込み可能

リアルタイムで映像をVJ素材として使用できます。

対応コントローラー

PS5 DualSense Controller

AKAI APC40 USB MIDI Controller

ブラウザ上からリアルタイム操作可能です。

※一部機能（マイク / MIDI / Webcam）はブラウザ権限が必要です。

利用規約

個人利用OK

商用イベント利用OK

改変OK

再配布・転売禁止

価格

1,500円

Update

購入者向けにアップデート配布を予定しています。

演出追加

新エフェクト

軽量化

カラーバリエーション

バグ修正

動作環境

Google Chrome 推奨

Mac / Windows 対応

WebGL対応ブラウザ

使い方

1. ファイルを開く

vj-final.zipを解凍し、

vj-final.htmlをGoogle Chromeで開いてください。

※Chrome推奨

※Mac / Windows対応

2. 音に反応させる

画面左下のMicrophone表示をONにすると、

PCマイク入力に反応してビジュアルが変化します。

ライブ音源やスピーカー音にも反応可能です。

3. コントロールパネルを開く

画面右上の「+」ボタンからControl Panelを開けます。

以下の調整が可能です。

Rotation Speed

Glow Strength

Spark Power

Hue / Saturation

Zoom

Glitch

Kaleidoscope

Mirror Effect

など。

4. Visualization Modes

複数のビジュアルモードをON/OFFできます。

Particles

Stardust

Wave

Spiral

Torus

Icosahedron

Video

などを組み合わせて演出可能。

5. Webcam / Video Input

画面下部のVIDEO INPUTから映像入力可能です。

Webcam

PC標準カメラをリアルタイム入力

Video File

動画ファイルを読み込み可能

外部映像入力

HDMIキャプチャなどを使用した外部映像入力にも対応

6. MIDI Controller

AKAI APC40 USB MIDI Controller対応。

フェーダー・ノブ・ボタンからリアルタイム操作可能です。

7. PS5 Controller

PS5 DualSense Controller対応。

USB / Bluetooth接続後、ブラウザ上で操作可能です。

8. Fullscreen

ブラウザをフルスクリーン表示すると、

ライブVJ用途として使用できます。

Mac：

control + command + F

Windows：

F11

9. Preset Save

お気に入り設定を保存可能です。

ライブ用セットを複数作成できます。

注意事項

Chrome推奨

一部機能はブラウザ権限が必要です

PCスペックによって動作が変わる場合があります

AI Image機能は実験機能です

HOW TO USE

## 1. Open the File

Open `index.html` with Google Chrome.

※ Chrome Recommended

※ Mac / Windows Supported

---

## 2. Audio Reactive Mode

Enable the microphone input to make visuals react to sound in real time.

The system can respond to:

* Live music

* Speakers

* Environmental sounds

* Microphone input

---

## 3. Open Control Panel

Click the “+” button in the top-right corner to open the Control Panel.

You can control:

* Rotation Speed

* Glow Strength

* Spark Power

* Hue / Saturation

* Zoom

* Glitch

* Kaleidoscope

* Mirror Effect

and more.

---

## 4. Visualization Modes

Enable or combine multiple visual modes.

Available modes include:

* Particles

* Stardust

* Wave

* Spiral

* Torus

* Icosahedron

* Video

Mix modes together for unique VJ performances.

---

## 5. Webcam / Video Input

Use VIDEO INPUT at the bottom of the panel.

### Webcam

Use your computer’s built-in camera in real time.

### Video File

Load local video files.

### External Video Input

Supports HDMI capture devices and external camera inputs.

---

## 6. MIDI Controller

Compatible with:

* AKAI APC40 USB MIDI Controller

Use knobs, faders, and pads for live visual control.

---

## 7. PS5 Controller

Compatible with:

* PS5 DualSense Controller

Supports USB and Bluetooth connections.

---

## 8. Fullscreen Mode

For live performances, use fullscreen mode.

Mac:

`control + command + F`

Windows:

`F11`

---

## 9. Preset Save

Save your favorite settings and create multiple live performance presets.

---

## Notes

* Google Chrome Recommended

* Some features require browser permissions

* Performance depends on your PC specifications

* AI Image feature is experimental