
JavaScriptで作成するサウンドビジュアライザー
CRANK
ウェブ技術でサウンドを扱える技術「Web AudioAPI」。表現系の技術として、JavaScriptを使うことで、音に連動したビジュアライゼーションを作成できます。本記事では、Web AudioAPIを使ったサウンドビジュアライザーの作り方を解説します。まずは以下の2つのデモをご覧ください。
ウェブ技術でサウンドを扱える技術「Web AudioAPI」。表現系の技術として、JavaScriptを使うことで、音に連動したビジュアライゼーションを作成できます。本記事では、Web AudioAPIを使ったサウンドビジュアライザーの作り方を解説します。まずは以下の2つのデモをご覧ください。