webpod（iPod）という面白いWEBアプリを見つけたので使用方法等をご紹介。

ダウンロード先はこちら：
http://www.search-this.com/tools/webpod/

１．まずは上記ダウンロード先からzipファイルをダウンロードし解凍します。

２．次に、二つのスクリプトタグを タグの間にコピペします。

<script type="text/javascript" src="swfobject.js" ></script>
<script type="text/javascript" src="js-to-flash.js" ></script>

３．webPodを表示させたい場所に下記のコードをコピペします。

   <div id="flashcontent" style="text-align:center;">
         webPodを使うためにアドビからFlashプレーヤーをダウンロードする必要があります。
   </div>
   <script type="text/javascript">
   var so = new SWFObject("webPod.swf", "webPod", "165", "265", "8", "#ffffff");
   so.addParam("quality", "best");
   so.addParam("wmode", "transparent");
   so.addParam("flashvars", "xmlFile=tunes.xml");
   so.write("flashcontent");
   </script>

・webPod.swfファイルへのパスは適宜変更して下さい。（解凍したままアップロードするのであれば、変更は必要ありません。）

・もし、webPod-slimを使っているならば、webPod.swfからwebPod-slim.swfに上記のコードを変えて、165から125に幅を変えてください。

・flashvars「xmlFile=tunes.xml」のパスも適宜変更して下さい。（解凍したままアップロードするのであれば、変更は必要ありません。）

４．playSongメソッドのリンクを作ります。

<a href="javascript:playSong('Lost Someone')">Lost Someone</a>

tunes.xmlファイルで指定したタイトルと曲名が同一であることを確認してください。これは大文字と小文字の区別されますので注意して下さい。

５．最後にMP3ファイルをアップロードして、tunes.xmlファイルを修正します。

tunes.xmlファイルの書式参考です。

<tunes>
  <tune>
    <mp3>http://domain.com/music/song.mp3</mp3>
    <title>Lost Someone</title>
    <artist>James Brown</artist>
    <album>Live At The Apollo (1962)</album>
    <bitrate>192</bitrate>
    <image></image>
    <link>http://www.link.com</link>
  </tune>
</tunes>

実際に設置してみたサンプルページはこちらです：
http://blog.96q.org/webpod-ipod-sample/