Home > Music > Worksページに過去の作品を掲載

Worksページに過去の作品を掲載

Worksのページに、過去に公開していた作品と最近の演奏をアップした。

MP3ファイルへのリンクだけでは再生時にちょっと寂しいので、Dew Playerというフラッシュ形式のプレーヤーを使い、その場で再生できるようにしてみた。

今回フラッシュのMP3プレーヤーで何かいいものがないかいろいろ探したのだけれど、あまり種類がないことに驚いた。ブログサービスやポッドキャストサービスに登録すると使わせてもらえるプレーヤーであればそれなりの数があるのだけれど、登録することがまずイヤなので、そういったものはすべて選択肢から除外。再生させたいファイルも、自サーバで一元管理したいし。

Dew Playerはエントリに埋め込むときのコードは多少面倒だけれども、見た目がこじんまりとしていてよいかなと思い採用。はじめ複数のファイルをプレイリストにして再生するタイプを使おうと思ったのだけれど、一曲ごとに紹介文も書きたいと思ったので、一つのプレーヤーに一曲ずつ割り当てるタイプのものにした。

実際にエントリに埋め込む際には、objectタグとparamタグで、プレーヤ本体のURLと再生したいMP3ファイルのURLを指定してやればOK。


<object type="application/x-shockwave-flash" data="http://hogehoge.com/file/dewplayer.swf?mp3=http://hogehoge.com/file/hugahuga.mp3" width="240" height="20"><param name="wmode" value="transparent" /><param name="movie" value="http://hogehoge.com/file/dewplayer.swf?mp3=http://hogehoge.com/file/hugahuga.mp3" /></object>

  1. No comments yet.
  1. No trackbacks yet.