Web上で音楽を楽しむ環境は整いつつあります。SoundCloudにアップしている人も多いですし、YouTube上にある音楽を聴く人も多いでしょう。そんな音楽メディアに欲しい情報として波形があります。 wavesurfer.jsは音楽ファイルを読み込み、波形を表示してくれるJavaScriptライブラリです。JavaScriptだけで作られているのが特徴になります。

wavesurfer.jsの使い方

例えばこんな感じです。

再生済みの部分は色が濃くなっています。

ドラッグ&ドロップで任意の音楽ファイルを解析できます。

wavesurfer.jsは数MBある音楽ファイルもすぐに解析することができます。そして波形を表示して、そのまま再生ができます。YouTubeのように動画がない場合、音楽メディアの見た目の楽しさとして表示すると良さそうです。サビ部分が一目で分かるのも良さそうです。

wavesurfer.jsはHTML5/JavaScript製、Creative Commonsのオープンソース・ソフトウェアです。

wavesurfer.js katspaugh/wavesurfer.js