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

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

ニコニコ動画・YouTube

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

使いかた：
1. 以下のソースをコピペ
2. Googleにログインした状態で、自サイト/ブログのURLでキーをもらう
3. key= 以降を差し替え
4. fc2ブログならば「改行の扱い」を「ＨＴＭＬタグのみ」にチェック
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>

関連記事