Everyone’s Mixtapeが面白い。
ま、WEB上でプレイリストが作れるだけですが…
でも、すごく簡単に作れます。Youtube、SoundCloud、Vimeo から取り込めます。
早速つくってみました。
Everyone’s Mixtapeが面白い。
ま、WEB上でプレイリストが作れるだけですが…
でも、すごく簡単に作れます。Youtube、SoundCloud、Vimeo から取り込めます。
早速つくってみました。
NASA「今までで1番素晴らしいHDの地球の画像だ」(動画) という記事が上がってます。
めちゃめちゃかっこいいです。
Movie.festimetable をアップデートしました。
・指定のアーティストの動画だけ再生できるようにしました(類似アーティストの割合を指定可能にしました。
・再生中の曲がプレイリストの一番上に来るようにしました。
次は、シャッフルでもつけようかと思っています。
アクセスの多い音楽ニュースを集めたページを作りました。
マイナーアーティストも結構聞くので、これだけじゃ足りないのですが実際問題全てのニュースは追えないし、でも「Radioheadフジロック決定」ぐらいな情報はすぐ知りたいので。
Music-news.festimetable.info
GoogleからJavascriptのテンプレートエンジンシステム、JsTemplate がリリースされていたので、少し試して見ました。
こんな感じのJavascriptでshowDataメソッドを実行すると、
data = [{artist:"Teenagefunclub", title:"BANDWAGONESQUE"}, {artist:"Haven", title:"All for a Reason"}, {artist:"Gisli", title:"How About That?"}, {artist:"Fizzgig", title:"Reset"}]; function showData() { var input = new JsEvalContext(data); var output = document.getElementById('t'); jstProcess(input, output); }
こんなHtmlが、
<div id="t"> <ul jsselect="$this"> <li> <span jscontent="artist"></span> / <span jscontent="title"></span> </li> </ul> </div>
こんな風に出力されます。
<div jstcache="0"> <ul jsinstance="0" jstcache="1" jsselect="$this"> <li jstcache="0"> <span jstcache="2" jscontent="artist">Teenagefunclub</span> / <span jstcache="3" jscontent="title">BANDWAGONESQUE</span> </li> </ul><ul jsinstance="1" jstcache="1" jsselect="$this"> <li jstcache="0"> <span jstcache="2" jscontent="artist">Haven</span> / <span jstcache="3" jscontent="title">All for a Reason</span> </li> </ul><ul jsinstance="2" jstcache="1" jsselect="$this"> <li jstcache="0"> <span jstcache="2" jscontent="artist">Gisli</span> / <span jstcache="3" jscontent="title">How About That?</span> </li> </ul><ul jsinstance="*3" jstcache="1" jsselect="$this"> <li jstcache="0"> <span jstcache="2" jscontent="artist">Fizzgig</span> / <span jstcache="3" jscontent="title">Reset</span> </li> </ul> </div>
なかなか面白いです。
ここで、簡単に試すことができます。
でも、dataにURL入れてリンクとかにしたくないですか?
data = [{artist:"Teenagefunclub", url:"http://xxx.net/123"}, {artist:"Haven", title:"http://xxx.net/456"}];
を
<ul> <li><a href="http://xxx.net/123">Teenagefunclub</a></li> <li><a href="http://xxx.net/456">Haven</a></li> </ul>
みたいな感じ。
でも、属性値に指定データの中身を入れる事はまだできないぽいです。
今後に期待です。