TextwellでiTunesStoreの曲を紹介する SongSearch
一応、音楽系ブログなわけだし。
iTunesStoreで見つけた素敵な曲を紹介したいときもある、たぶん。で、ただリンクだけじゃなくて試聴もできると良いなあと思い、DraftPadで使っていたスクリプトです。hatenaだと埋め込みタグが使えないので、新しいウィンドウを開く形式になっていますが、そこあたりはご自由にカスタマイズしてください。Textwell 1.0
分類: 仕事効率化,ユーティリティ
価格: \250 (Sociomedia)
SongSearch
// PHGのat番号を at に登録してください。
at="10l4Z2";
// リンクプレートの配色を決めます。
color="slate";
title="darkblue";
background="white";
border="lightgray";
q=new XMLHttpRequest();
q.open("get","http://itunes.apple.com/search?country=JP&entity=song&limit=100&term="+encodeURIComponent(T.current),false);
q.send(null);
res=JSON.parse(q.responseText).results;
document.write("<meta name=viewport content=initial-scale=1><title>"+T.current+"</title>");
for(i=0;i<res.length;i++){
app=res[i];
url=app.trackViewUrl;
link=url+"&at="+at;
name=app.collectionName;
track=app.trackName;
preview=app.previewUrl;
icon=app.artworkUrl60;
icon100=app.artworkUrl100;
artist=app.artistName;
plate="<blockquote name='"+name+"' style='background-color:"+background+";padding:10px;border-radius:5px;border:1px solid "+border+";'><a href="+link+" style='color:"+title+";'><img width=80 align=left src="+icon100+" style='border-radius:5px;margin:1px 15px 1px 1px;box-shadow:1px 2px 3px gray;'><font size=+1><strong>"+track+"</strong></font></a><br/><font size=-1 style='color:"+color+";'>収録: "+name+"<br/>演奏: "+artist+"<br><a href="+preview+" target=_blank><img src="URL" alt="STR" width="60"> > Listen</a></font><br clear=all></blockquote>\n";
sample="<div style=color:white;background-color:black;padding:10px;><a onClick=T('insert',{text:'\\n"+icon100+"\\n'})><img align=left width=75 src="+icon+" style=border-radius:5px;></a><a onClick=T('replaceCurrent',{text:unescape('"+escape(plate)+"')})><strong>"+track+"</strong></a><br>収録:"+name+"<br>演奏:"+artist+"<a href="+url+"><img src=http://r.mzstatic.com/ja_jp/images/web/linkmaker/badge_appstore-sm.gif></a><br><embed src="+preview+" width=280 height=10 vspace=6><br clear=all></div>";
document.write(sample);
}
document.write("<hr>");登録リンクはこちら→ http://tinyurl.com/q32rs7r

キーワードを書いてアクション実行。曲名を検索しリストで並びます。ジャケットをタップすると画像リンクの取得、タイトル名をタップするとリンクプレートの作成になります。
リンクプレートはこんな感じ。ソースの初めでPHGのatコードを指定し、ご自分のアフィリエイトに合わせてください。また、配色用変数でリンクプレートのカスタマイズもできます。「▷ Listen」をタップすると、30秒試聴ができるようになっています。でもiTunesStoreだと1分間聴けるから、ほら、ついタップしたくなりませんか(悪魔のささやきw)。September Song
収録: Sarah Vaughan
演奏: サラ・ヴォーン & クリフォード・ブラウン
▷ Listen
時代が変化しても、いい歌は廃れずに残る。いや、反対かな。廃れない唄には、聴く人の心に響く何かがあるから、歌い継がれる。芭蕉が「不易流行」と言ったのも、分かる気がします。結局「変わらないもの」は「変化し続ける力」を持つもの。定型があるわけではない。「正しい歌」はなく「いい歌」があるだけじゃないかな。
Textwell 1.0
September Song