MP3を再生してスペクトルグラフを表示するFlash (SoundSpectrum)
2007年4月19日(木) 11:10
Web上でMP3など配信する場合にスペクトル(Spectrum)をサウンドに合わせて、リアルタイムに表示してくれるのがSoundSpectrum。きれいなスペクトルグラフはFlashを利用している。Web上でサンプルの音楽ファイルなど配信する際に無機質になりがちだが、SoundSpectrumで解消できる。
ダウンロードファイルには表示に必要なswf、JavaScriptが含まれる。Main.swfと同じフォルダにsong.mp3のファイル名でMP3ファイルを置くと、再生してくれる。また、ソースコードとしてActionScript等が同封されるので、カスタマイズしたい場合に参考になる。
MP3に合わせてグラフが変化する

Andre Michelle氏のサイトにはこの他にも多くのFlashが公開されており、サウンド関連や、少し変わったアニメーションなどが見られる。Flashで実に色々なことができるのを実感でき、見ているだけでも面白い。また、幾つかソースコードも公開されているので、是非参照していただきたい。
※Internet Explorerでうまく表示されない場合、Firefoxで試してください
関連する記事
- マウス操作で写真にズームするギャラリーswf(PostcardViewer)
- CSSとCanvasで描写するWeb用のUIフレームワーク(Mocha UI)
- 透明感のあるデザインをJavaScriptで実装する(glassbox.js)
- MP4、FLVなど再生するFlashプレーヤーswf (JW FLV MEDIA PLAYER)
- FlashやFLV、MediaPlayerに対応したスライドショーJavaScript(shadowbox)
- デザインが魅力的なスライドショーJavaScript (Lightview)
- 楽にフォーム入力チェックを実装するJavaScript (JSValidate)
- CSSデザインレイアウトをオンラインで簡単に作成する (YAML)
- ユーザーが再配置可能なWedgetを実装するJavaScript (Prototype Portal Class)
- フォームボタンCSSデザインするテクニック (Rediscovering Button Element)
- 半透明の角まるツールチップを表示するJavaScript (CoolTips)
- JavaScriptでプログレスバーを簡単に実装する (jsProgressBarHandler)
- JavaScriptコード圧縮して盗用から守る (packer)
- iTuneのようにカバーアートを表示するFlash (iTunes Coverflow)
- 画像をサムネイルのサイズで表示するJavaScript (jQuery Thumbs)
- Ajaxでサクサク動くWebファイルマネージャ (Relay)
- アンカータグを利用してスムーススクロールを実装する (df Smooth Scroll)
- MacでもFlashでホイール操作が出来るようにする (SWFMacMouseWheel)
- HTMLなどタグ編集を楽にするエディタ機能JavaScript (jTagEditor)
- 使いやすいYUIライブラリのWYSIWYGエディタ (Rich Text Editor)

