TextwellでiTunesStoreの音楽を曲名検索する SongSearch
クリスマスまでに終わらせるべきであった。
TextwellでiTunesStoreの曲を紹介する SongSearch
一応、音楽系ブログなわけだし。iTunesStoreで見つけた素敵な曲を紹介したいときもある、たぶん。で、ただリンクだけじゃなくて試聴もできると良いなあと思い、DraftPadで使っていたスクリプトで...
復活アクション第三弾。iTunesStoreの曲紹介をするスクリプトです。一応、音楽系ブログなわけだし。iTunesStoreで見つけた素敵な曲を紹介したいときもある、たぶん。で、ただリンクだけじゃなくて試聴もできると良いなあと思い、DraftPadで使っていたスクリプトで...
できるだけT.request()をシンプルにしてみました。応用の利くテンプレートを模索中。今回はT("replaceCurrent")で貼り付けることに成功してます。
<meta name=viewport content=initial-scale=1><script> // PHGのat番号を at に登録してください。 at="10l4Z2"; // リンクプレートの配色 color="black"; title="darkblue"; background="white"; border="lightgray"; // スクリプト本体 s=T.current; url="http://itunes.apple.com/search?country=JP&entity=song&limit=20&term="+encodeURIComponent(s); T.title(s); T.request({ url:url, callback: function(x){Disp(x.responseText)} }); function Disp(x){ res=JSON.parse(x).results; s=""; 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="<div 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>▷Listen</a></font><br clear=all></div>"; s+="<div style=color:white;background-color:black;padding:10px;><a onClick=Paste('"+icon100+"')><img align=left width=75 src="+icon+" style=border-radius:5px;></a><a onClick=Paste('"+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_itunes-sm.gif></a><br clear=all><audio src="+preview+" preload=none controls></audio><br></div>"; } document.body.innerHTML=s; } function Paste(x){ text=unescape(x)+"\n"; T("replaceCurrent",{text:text}); } </script>
Import Textwell ActionSongSearch
検索したいキーワードを並べ、アクションを実行する。すると、それに該当する楽曲がリストアップされます。上みたいな感じでね。一応30秒の視聴もできる。[iTunes]のボタンからiTunesStoreに行くと、さらに60秒の視聴ができます。そんなふうに曲探し。
そして、リストのタイトルをタップすると、本文にリンクプレートが貼りつきます。いつも通りのアクションなので、ご自分のアフィリエイトに変更してください。
しかしジミーさんのオルガンは元曲がなかなか出てこない。よく聴くと、メロディーがちりばめられているんだけど、それよりもノリで推し進めちゃう。すぐにオリジナルな異空間に聴き手を引きずり込むから、すごいよなあ。かくありたい。
まあ、キーワードは曲名だけでなく、アーティスト名でもアルバム名でもヒットします。組み合わせて絞り込む。上限を20曲にしてるので、物足りない場合はソースの「limit=20」を「limit=100」とかにしてください。こういうのはカスタマイズ自由で、自分だけのアクションに育てていくのが良いと思います。そのほうが多彩で楽しいし。