![](https://res.cloudinary.com/techfeed/image/fetch/w_280,h_210,c_fill/https%3A%2F%2Fics.media%2Fentry%2F230421%2Fimages%2Feyecatch_230405.jpg)
JavaScriptで作成するサウンドビジュアライザー
CRANK
ウェブ技術でサウンドを扱える技術「Web AudioAPI」。表現系の技術として、JavaScriptを使うことで、音に連動したビジュアライゼーションを作成できます。本記事では、Web AudioAPIを使ったサウンドビジュアライザーの作り方を解説します。まずは以下の2つのデモをご覧ください。
ウェブ技術でサウンドを扱える技術「Web AudioAPI」。表現系の技術として、JavaScriptを使うことで、音に連動したビジュアライゼーションを作成できます。本記事では、Web AudioAPIを使ったサウンドビジュアライザーの作り方を解説します。まずは以下の2つのデモをご覧ください。