Enable Cooliris On My Site
DEMO below:
HOW TO:
Enable your site with Media RSS
Media RSS is an open standard for syndicating multimedia content. It extends RSS 2.0 to provide additional information, such as richer thumbnail and image metadata. Media RSS allows Cooliris (formerly known as PicLens) to understand the location of the media files that are displayed in the wall, as well as which thumbnails link to which high-resolution images. Click here for a complete description of Media RSS. To Cooliris enable your site:
1) Create a Media RSS Feed, and save it as photos.rss (or any name you want).
You can create a media RSS feed using PicLens Publisher if you have images on your local drive you would like to upload to a website. PicLens Publisher takes a series of images and outputs a photos.rss Media RSS feed in addition to the image thumbnails, enabling Cooliris usage on your website.
In the Media RSS feed, include an <item> tag for each photo/video that you want to appear in your slideshow, with the <media:thumbnail> and <media:content> tags specifying the locations of the thumbnail and full-size image content, respectively. For videos, ensure that the <media:content> tag has type="video/x-flv" (Item B in the code example below).
Make sure to declare the Media RSS namespace with <xmlns:media="http://search.yahoo.com/mrss"> Here is a generic example feed.
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:media="http://search.yahoo.com/mrss"
xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<item>
<title>Picture A</title>
<media:description> This one's my favorite.</media:description>
<link>pl_images/A.jpg</link>
<media:thumbnail url="pl_thumbs/A.jpg"/>
<media:content url="pl_images/A.jpg"/>
</item>
<item>
<title>Video B</title>
<link>pl_images/B.jpg</link>
<media:thumbnail url="pl_thumbs/B.jpg"/>
<media:content type="video/x-flv" url="pl_images/B.flv"/>
</item>
</channel>
</rss>
Note:
The URLS can be:
relative (i.e. images/photo.jpg)
or
absolute (i.e. http://anysite/images/photo.jpg). <Title><media:description><link> attributes are optional but recommended.
2) Upload your Media RSS feed to a directory on your web server.
Try the following applications to upload to your webspace (via FTP):
3) Place the code highlighted below in the <head> of the page you'd like to view in Cooliris to enable RSS Autodiscovery. Note that the href should specify the address (relative or absolute) of your RSS feed:
<head>
<link rel="alternate" href="photos.rss" type="application/rss+xml" title="" id="gallery" />
</head>
Download PicLens to activate fullscreen slideshows.
Visitors who have downloaded PicLens can experience these photos with unprecedented richness.
Add PicLens to your site using Media RSS.
kphcoi says:
kphcoi - January 20, 2010 at 7:44 amFerry says:
Nice. - January 6, 2010 at 11:42 pmLeave a comment