资源说明:Listing tracks from Last.fm with jQuery
Last.FM for jQuery ================== [Last.FM][last.fm] から再生履歴を取得して表示します。 ブログのサイドバーに使う用途を想定しています。 元ネタは [Last.FM for jQuery][lastfm_for_jquery] より拝借しました。 基本的な機能は同じですが、オリジナルを次の点で拡張しています。 1. 一定時間たつと自動で表示内容を更新する。 2. アルバムアートが見つからない場合、アーティストの画像で代替する。 3. 各曲の情報を順番にフェイド・インして表示する。 4. [strftime.js][strftime.js] を使って Last.FM プロフィールページのように再生時刻を表示する。 1 番の自動更新機能を付けたために、ほとんど別物と言っていい中身になっています。 動作条件 -------- * 最低動作環境 - jQuery 1.3 以上 - IE6 以上、またはその他のブラウザ * 推奨動作環境 - jQuery 1.4 以上 トラックをフェイド・インしながら表示するために必要です。 - [strftime.js][strftime.js] 再生時刻を分かり易く表示するために必要です。 使い方 ------ 詳細は同梱の `sample.html` を見てください。 オプションは色々ありますが、基本的には再生履歴を表示したいアカウント名を `username` に指定するだけで動きます。`apikey` に指定するキーは同梱のものをそのまま使ってかまいません。 ### Javascript ### ```javascript $('#lastfm').lastFM({ username: 'delphinus_iddqd' // アカウント名 ,apikey: 'xxxxx' // Last.FM API Key ,number: 10 // 表示するトラック数 ,artSize: 'large' // 表示する画像の大きさ ,noart: './images/noartwork.gif' // 画像が見つからないときの代替画像 ,showArtistArt: true // アルバムアートが見つからないときは // アーティストの画像を表示する ,autoUpdate: true // 自動更新する ,updateInterval: '10m' // 更新間隔 ,drawDelay: true // 表示を遅らせる ,showInterval: 500 // 遅らせる間隔(単位:ミリセカンド) ,onComplete: function(){} // 完了したときに実行する関数 }); ``` ### HTML ### ```html
- Last.FM Recently Played
-
- /* Album Art */ /* Song Title */ /* Artist */ /* Timestamp */
本源码包内暂不包含可直接显示的源代码文件,请下载源码包。