Web AudioでYoutube、itunes上の曲を元に、WebGL︵GLSLシェーダー︶でリアルタイムビジュアライズHTML5WebGLGLSLWebAudioAPI WebGL Advent Calendar 3日目の記事です。初めて赤くなりました! ブラウザで、Youtube上の曲を元にしてGLSL(WebGL)でリアルタイムビジュアライズします。応用編としてitunesの曲や自分の声でもできるようになりました。︵無理矢理︶ Web Audio APIのアナライザーノードというのは使ったことがなかったんですが、mdnのデモを見ていて、結構感度が良かったのでゴニョゴニョやってみる。 ↓イメージ︵canvasとvideoの二枚重ね︶ 音のソースとしてYoutube︵実際にはマスターのオーディオ︶を使い、背景でも流しつつ、Web Audio APIで取得します。 その上にcanvasを