PE2HO

Betelgeuse's Diary

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

ブログ記事内からニコニコ動画の公開RSSを取得し表示する(Google Ajax Feeds API利用)

ニコニコ動画‐公開RSS一覧についても、ブログ記事内からJavaScriptでAmazonのRSSを取得し、表示する(Google Ajax Feeds API利用)と同じことを試してみます。
はてなブックマークアイコン[user]/[users]がついているものは、ニコニコ動画の会員でなくてもアイコンをクリックすれば動画を再生できます。




RSS内容:
RSSへのリンク
Loading...



使いかた:
1. 以下のソースをコピペ
2. Googleにログインした状態で、自サイト/ブログのURLでキーをもらう
3. key= 以降を差し替え
4. fc2ブログならば「改行の扱い 」を「HTMLタグのみ」にチェック
5. 動くはず
6. カスタマイズ用の資料:クラス リファレンス - Google AJAX Feed API - Google Code

<form name="nicovideo_rss_select">
RSS内容:<select id="rss_kind" onchange="initialize()">
<option value="newarrival">新着投稿動画(newarrival)</option>
<option value="recent">新着コメント動画(recent)</option>
<option value="ranking/mylist/hourly/all">毎時ランキング(ranking/mylist/hourly/all)</option>
<option value="ranking/mylist/daily/all">デイリーランキング(ranking/mylist/daily/all)</option>
<option value="ranking/mylist/weekly/all">週間ランキング(ranking/mylist/weekly/all) </option>
<option value="ranking/mylist/monthly/all" selected>月間ランキング(ranking/mylist/monthly/all)</option>
</select><br>
<a id="rss_link" target="_blank">RSSへのリンク</a>
</form>

<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAACoe8Szv1r8W0NZc-QPZufBQTYp222rJMWUGSujb4wxIfTc3ixBQGQVxSqDQcfpOnMPnaHrlfU8fFqQ"></script>

<script type="text/javascript">
google.load("feeds", "1");
function initialize() {
    var rss_url="http://www.nicovideo.jp/"+ document.getElementById("rss_kind").value +"?rss=2.0"; 
    document.getElementById("rss_link").href=rss_url;
    var feed = new google.feeds.Feed(rss_url);   
    feed.setNumEntries(10);
    document.getElementById("feed").innerHTML="Loading...";
    feed.load(function(result) {
        if (!result.error) {
            var container = document.getElementById("feed");
            container.innerHTML="";
            for (var i = 0; i <result.feed.entries.length; i++) {
                var entry = result.feed.entries[i];

                var div = document.createElement("div");

                var elem = document.createElement("a");
                elem.target="_blank";
                elem.href = entry.link;
                var str = document.createTextNode( entry.title);
                elem.appendChild(str);

                var elem2 = document.createElement("a");
                elem2.target="_blank";
                elem2.href ="http://b.hatena.ne.jp/entry/"+entry.link;
                var hb_img = document.createElement("img");
                hb_img.src="http://b.hatena.ne.jp/entry/image/"+entry.link;
                elem2.appendChild(hb_img);

                var hor_line = document.createElement("hr");

                div.appendChild(hor_line);
                div.appendChild(elem);
                div.appendChild(elem2);
                div.innerHTML+=entry.content;

                container.appendChild(div);

            }
        } 
    });
}
google.setOnLoadCallback(initialize);
</script>
<div id="feed">Loading...</div>
関連記事
スポンサーサイト

テーマ:プログラミング - ジャンル:コンピュータ



コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバックURLはこちら
http://parasiteeve2.blog65.fc2.com/tb.php/382-151ce0e2
この記事にトラックバックする(FC2ブログユーザー)

FC2Ad

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。