Trackback+Pingback: -

last.fm の”Album quilt widget”は自分がふだん聴いている音楽のアーティストやアルバムのアートワークをクルクルと回転しながら変化し、普段どんな音楽を聴いているのか視覚的に表示してくれるキルトパッチ風ブログパーツ。

その”Album quilt widget”が気になっていろいろとwebで調べてはみたのだが、どうも今では配信していないWidget機能らしく、過去に実装した人たちのレポートや機能している”Album quilt widget”ばかりヒットするも肝心のlast.fmのリンクが見当たらずどうにもたどり着けない…。


そんななかどこかにソースコードで表記して解説しているサイトはないもんかと調べたらこんなサイトを発見。


実装方法はソースコードの9行目に表記されているlast.fmのユーザーネームを全コードから検索、全て自分のユーザーネームに置換えし不要だと思われる4行目～16行目・23行目を削除したソースコードを表示させたい箇所に貼付ければ実装完了。
　＊行の説明はalbums.xmlのソースコードに準じて説明してます。


あとは自分のBlogに合うようにソースコードを修正しレイアウトを変更。


変更した箇所は

アートワークの行と列の変更

・21行目の id="lfmEmbed_195395218" width="460" height="225"の「460」と「225」の数値を表示させたい数値に変更する。
　＊一枚の画像は46×46px表示なので表示させたい数だけ46に乗じた値。
　＊但し、設定的にはアートワークをクリックした後の事を考えwidth="138" height="138"以上の設定が良いと思う。


アートワークだけのシンプルな表示

・19行目を削除し21行目の画像に関するソース部分とそのリンク先のソースコードを削除する。
　ちなみに画像urlの"blue.png"部分を"red.png"や"black.png"に全て変更すると青だったフレームが黒や赤にかわる。


以下が変更後のレイアウト。





last.fmのサイトでは配信していないがとりあえずはWidgetとして機能はしているみたいだ。