Theme: "Create a MediaRSS Feed Viewer"

MediaRSS is a spec for syndicating multimedia files using RSS2.0 enclosures, proposed by Yahoo.com.
http://video.search.yahoo.com/mrss

MediaRSS is widely used by popular services like Flickr, Picasa,FriendFeed and CoolIris.
Create a piece which loads Media RSS Feed, and show images fascinatingly.
Simple slide shows are OK, can also be some kind a game.
Please bring out JavaScript and Flash's full power, and create a surprising app!

[Works contribution period］ 8/7-8/31
[Inspection period］ 9/1-9/13
[Presentation］ 9/14

[Works contribution period］ 8/7-8/31[Inspection period］ 9/1-9/6[Presentation］ 9/7-

google

Google: Founded in 1998 by Stanford Ph.D. students Larry Page and Sergey Brin, Google's innovative search technologies connect millions of people around the world with information every day.

Google’s targeted advertising program provides businesses of all sizes with measurable results, while enhancing the overall web experience for users.

Googleis headquartered in Silicon Valley with offices throughout the Americas, Europe and Asia.

Gold:コーヒードリップ、フォーク1本、mazon商品券（5千円分）,Silver:フォーク1本、amazon商品券（3千円分）,Bronzeフォーク1本、amazon商品券（1千円分）

Session1

Session3

Session4

Session5
Session1

Session3

Session4

Session5

Simple MediaRSS Viewer

Follow

2010-08-06 23:11:10

License: MIT License

Fork: 14

Fav: 3

View: 4146

Readme
JavaScript 41 lines
HTML 4 lines
CSS 2 lines

Simple MediaRSS Viewer

google.load("feeds", "1");
google.load("jquery","1.4");
google.setOnLoadCallback(initialize);

function initialize() {
  var feed = new google.feeds.Feed("http://api.flickr.com/services/feeds/photos_public.gne?tags=kamakura&format=rss_200");
  var MediaRSS = "http://search.yahoo.com/mrss/";

var thumbs = [];
  feed.setNumEntries(30);
  feed.setResultFormat(google.feeds.Feed.MIXED_FORMAT);
  feed.load(function(result) {
    if (!result.error) {
      var entries = result.feed.entries;
      for (var i = 0; i < entries.length; i++) {
        var thumbNodes = google.feeds.getElementsByTagNameNS(entries[i].xmlNode, MediaRSS, "thumbnail");
        if (thumbNodes.length === 0)
          continue;
            var thumbNode = thumbNodes[0];
        var thumbURL = thumbNode.getAttribute("url");
        if (thumbURL)
          thumbs.push(thumbURL);
      }
      onImageLoaded(thumbs);
    }
  });
}

function onImageLoaded(images) {
  $.each( images, function( index, image ) {
    var img = $("<img />")
        .css({
          "float": "left",
          "margin": "5px"
        })
        .attr("src", image);
    $("#media_rss").append( img );
  });
}

Simple MediaRSS Viewer

Code Fullscreen

Preview Fullscreen