* HTML5 Lab
：：Web Audio API, Web MIDI API, WebRTC, canvas
：：：Only Available in Google Chrome
HTML5 を使った実験のページです。
主に WebAudioAPI, WebMIDIAPI, WebRTC, canvas を使っています。
Chrome（Mac/PC 版）でしか動作確認していません。
[ Home ]
- <<< SasVJ >>>
- <<< SasVJ for linein >>>
- <<< SasVJ for Leap >>>
SasVJ はブラウザ上で簡単に VJ が出来るウェブ・アプリです。
：：：How to：：：
１、Google Chrome をお持ちでない方はインストール。www.google.com/chrome
２、Chrome で"ここ"にアクセス。
３、キーボードを押して、映像に変化をつけてみましょう。
※ Chrome は [shift]+[command]+[F] (Macの場合) でフルスクリーンにすることが出来ます。
※ 画面は 800x600 に最適化されています。
Line In の音に反応して映像が変化します。
：：：How to：：：
１、Chrome で"ここ"にアクセス。
２、「マイクへのアクセスを求めています。」と表示されるので、「許可」をクリック。
３、パソコンの Line In から音声（楽曲）を入力。
上の動画のように入力された音に映像が反応します。
４、キーボードを押して、映像に変化をつけてみましょう。
Leap Motion に対応しました。
：：：How to：：：
０、Leap Motion を接続。
１、Chrome で"ここ"にアクセス。
２、Leap Motion を操作して、映像に変化をつけてみましょう。
- <<< SascacciVJ (1440x900 with MIDI) >>> MIDIを使用する場合は Jazz-Plugin をインストールしてください。
under construction
- <<< Text >>> Line In や Mic 入力の音声にあわせて映像が変化します。
under construction
MIDI イベントを受信します。
[Space] ボタン⇒ MIDI IN Enable
- <<< Youtube >>> Youtube を背景に表示。SoundCloud の音声を再生します。
mp3, AAC ファイルもブラウザ上に Drug & Drop で再生できます。
：：：操作：：：
[s] ボタン⇒ Play / Stop
[Space] ボタン⇒ Loop In/Out/Cancel
マウス位置 ⇒ Effect
- <<< Wave >>> Sound Cloud の音声を再生します。
mp3, AAC ファイルもブラウザ上に Drug & Drop で再生できます。
：：：操作：：：
[s] ボタン⇒ Play / Stop
[G] ボタン⇒ Glitch on / off
[Space] ボタン⇒ Loop In/Out/Cancel
マウス位置 ⇒ Effect
- <<< Line In / Mic >>> Line In や Mic 入力の音声を再生します。
URL欄に「chrome://flags/」と入力し、『getUserMedia() と Web Audio API の使用によるライブ音声入力』を有効にしてください。
：：：操作：：：
[d] ボタン⇒ Bit Crush On/Off
[Space] ボタン⇒ Loop In/Out/Cancel
マウス位置 ⇒ Effect
- <<< Video >>> 動画が再生されます。
：：：操作：：：
[Space] ボタン⇒ Capture Start/Stop
マウス位置 ⇒ Effect
- <<< Web Cam >>> Web Camera の映像が映し出されます。
：：：操作：：：
[Space] ボタン⇒ Capture Start/Stop
- <<< Font >>> Line In や Mic 入力の音声にあわせて文字を表示します。