« TEST OF GOFISH TAG | Main | ブログに貼れるMini Movie、G2V Player »

Got2VideoのUser Rating Top 20をPodcastRSSとJSONで配信

Got2VideoがYahoo!に登録されました。でもって、Yahoo!デベロッパーネットワークのトップページにも掲載して戴きました。技術屋でも何でもないのにこんなところに載せて頂くなんてまさにこれがうれしはずかしというやつですな。

というわけで、適当に作りっぱなしたまま放置しとくのもイケナイような気がしていくつか修正を行いました。
①検索結果にAmazonの関連商品を表示するように。
②User Ratingの高いビデオ Top 20のリストをPodcastRSS及びJSONで配信。
③②のデータを利用して、Got2VideoのトップページにBest 20のリストを表示するように。

①については、かっこよく言えばリスティング広告、平たく言えばアサマシですが、いつか使ってみようと思っていたawsearch.jsAmazon最速検索のJSON-RPCを汎用化したライブラリ)を使ってみたもの。笑うくらい簡単に実装できてしまう上、Codingにも学ぶところが沢山あるので、Web Services Requesterな方々は一見の価値あり。

②が今回のUpdateのメインですが、http://video.got2do.com/putG2V.php?mode=rss がPodcastRSS feedのURI、http://video.got2do.com/putG2V.php?mode=json がJSON feedのURIになります。PodcastRSSはiTunesに突っ込んでBest VideoをDownloadしたり、RSSリーダーで読んだり、Proxy経由でAjaxな使い方したりと好きなようにいじってください。
JSON feedについては、「jsonG2V(args)」の形式でfeedを吐くので、jsonG2Vに関数を前もって設定してやって、JSON feedのURIを指定するscriptタグを動的に生成してappendChildしてやればAjaxな感じでデータを読み込むことができます。詳細は最速インターフェース研究会さんの「JSAN構想とリモートデータの取得とUser JavaScript」のエントリと弊「JSONでBiddersインクリメンタル検索、をブログに貼ってみる」のエントリを御参照願います。為念、Codingはこんな感じ。

var jsonG2V=funtion(args) {
    var html='';
    for (var i=0;i<args.length;i++) {
        html+=args.item
    }
    document.getElementById('result').innerHTML=html;
}
var s=document.createElement('script');
s.setAttribute('type','text/javascript');
s.setAttribute('src','http://video.got2do.com/putG2V.php?mode=json');
s.setAttribute('charset','utf-8');
document.body.appendChild(s);

Got2Videoのトップの「Got2Video Best Rated Video!」もこの仕組みを使ってます。単にBest 20を表示するだけならServer側で処理して表示してもよいのですが、トップページは即表示される方が快適なので、Server処理せずにただのHTMLページを表示後、JavaScriptで表示するようにしています。IEの場合はセキュリティ警告が出るかもしれません。

同じようにJSONを使って作ったのが右サイドバートップに表示されているMini Player(G2V Player)。「Prev」と「Next」でTop 20のビデオを次々と再生することができます。スクリプトタグ一発で貼れるので、こんな風にLivedoor Blogなんかにも貼れます。Codingのベース自体は家に帰る電車内の30分くらいでできたものの、IEでエラーが出まくったりしたので、詳細は別エントリにて説明します。

|

« TEST OF GOFISH TAG | Main | ブログに貼れるMini Movie、G2V Player »

Comments

It is not my first time to visit this web site, i am visiting this web page dailly and obtain fastidious information from here everyday.

Posted by: free music downloads | 2015.02.27 02:31 AM

The comments to this entry are closed.

TrackBack


Listed below are links to weblogs that reference Got2VideoのUser Rating Top 20をPodcastRSSとJSONで配信:

« TEST OF GOFISH TAG | Main | ブログに貼れるMini Movie、G2V Player »