Posts Tagged "Cooliris"

用Cooliris 3D墙显示你的网络相册

前几天介绍了一个很性感的软件,据本人的最近研究发现这个软件还可以嵌入到网页,用来显示网络相册的内容,当然前提是要支持Flash咯。下面来介绍她的用法:

<object id=”o”
classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″
width=”600
height=”450“>
<param name=”movie”
value=”http://apps.cooliris.com/embed/cooliris.swf” />
<param name=”allowFullScreen” value=”true” />
<param name=”allowScriptAccess” value=”always” />
<param name=”flashvars
value=”feed=api://www.flickr.com/&numRows=5&style=light” />
<embed type=”application/x-shockwave-flash”
src=”http://apps.cooliris.com/embed/cooliris.swf”
flashvars=”feed=api://www.flickr.com/&numRows=5&style=light”
width=”600
height=”450
allowFullScreen=”true”
allowScriptAccess=”always”>
</embed>
</object>

基本代码如上。这个相册是可以定制的,一般来说定制有颜色的部分就够了,当然如果需要的话可以进一步的定制。

1. 定制宽和高

修改上面红色部分就可以定制宽和高,width后面是宽度,height是指高度。这个根据博客的大小修改他们的值,比如我的博客修改为一下参数比较合适:

width=”580
height=”320

2.定制显示的行数

修改的紫色部分就可以定制3D墙的行数,只要修改后面那个数字就可以了,数字可以是1~7,这里需要注意的是显示的行数越多,需要的电脑资源就越多,既影响网页打开的速度又会加重电脑CPU的负担,所以这里我把它修改为3,这么看上去会比较苗条一点。

&numRows=3

3. 定制相册的内容

进入高潮咯!我们可以通过修改绿色的部分来定制相册的内容,你只要将绿色部分按以下规则替换为相应的路径就可以达到目的。规则有一下几种,这里只介绍flickr和picasa的:
Flickr的规则:

api://www.flickr.com/?user=luckid
api://www.flickr.com/?search=luckid
api://www.flickr.com/?album=72157623347296748
api://www.flickr.com/?group=645450@N20

上面加粗的部分是需要修改的,分别可以按照用户,搜索关键字,相册编号和用户群组来显示,修改等号后面的内容就可以显示相应的图片了。
前面两个好理解,后面两个再进一步说明一下。要获得album和group的参数,只要打开flickr中的相应的set和群组相册就可以得到:

http://www.flickr.com/photos/luckid/sets/72157623347296748/

http://api.flickr.com/services/feeds/groups_discuss.gne?id=645450@N20&lang=en-us&format=rss_200

说到这里就差不多咯,假如我要将我的flickr上的拍摄相册显示在一个3行的墙上,我只要在博客的编辑器里面切换到HTML模式输入一下内容:

<object id=”o”
classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″
width=”580″
height=”320″>
<param name=”movie”
value=”http://apps.cooliris.com/embed/cooliris.swf” />
<param name=”allowFullScreen” value=”true” />
<param name=”allowScriptAccess” value=”always” />
<param name=”flashvars”
value=”feed=api://www.flickr.com/?album=72157623347296748/&numRows=3&style=dark” />
<embed type=”application/x-shockwave-flash”
src=”http://apps.cooliris.com/embed/cooliris.swf”
flashvars=”feed=api://www.flickr.com/?album=72157623347296748/&numRows=3&style=dark”
width=”580″
height=”320″
allowFullScreen=”true”
allowScriptAccess=”always”>
</embed>
</object>

具体效果见我的相册页:http://www.luckid.com/photos

google picasa的规则如下:

api://picasaweb.google.com/?user=corcrs
api://picasaweb.google.com/?search=puppy
api://picasaweb.google.com/?user=jajonet&album=BLIJDORP

今天就介绍到这里,Cooliris还有java的嵌入方法,另外还有很多flashvars参数可以定制,这里就不一一介绍了,具体的请浏览官网。
http://developer.cooliris.com/?p=embed/quickstart

阅读全文 →

惊艳的多媒体软件:Cooliris

最近在Firefox插件中发现一个比较惊艳的图片和视频浏览软件Cooliris,它把内容和图片显示在一个3D墙上,滑动这个墙来浏览图片文件。是款很不错的软件,比较有意思,把他介绍给大家。
Cooliris

什么是Cooliris?

Cooliris是一个简单的软件,让你可以快速的以绝美的方式浏览图片和视频。

不管是在电脑上,还是在Facebook, YouTube, Flickr, Picasa,或者其他一些支持Cooliris的网站上,它把你的内容显示在一个没有边界的3D墙(3D wall)里面,只要轻轻的拖动这个3D墙就可以浏览你的内容,而不是一页一页的去翻。

特性

搜索

Cooliris以最快的方式搜索Google Image , YouTube, Flickr, Hulu等图片和视频网站,把搜索结果显示在3D墙上。

播放幻灯片

通过双击图片或者点击播放按钮进入幻灯片播放,然后你就可以随意的进行暂停、播放、快进和快退等操作。

定制

定制Cooliris的外观和体验:修改行数,背景,3D墙角度和幻灯片切换时间等等。

分享

通过从3D墙里面拖放来把任意个文件分享给你的朋友,甚至还可以加一个私人短信息。

跳转页面

图片可以节省很多语言,但有时候你想知道图片后面的故事,Cooliris也是可以轻松办到的。你只要点一下跳转按钮就可以打开相应的网页。

全屏

只要点相应的按钮就可以在全屏和非全屏之间切换。

google phone

Cooliris可以安装在iphone和android手机上,也可以以插件的形式安装在以下浏览器版本上:

Firefox 3.0-3.5+

Safari 3.1-4.0+

IE 7.0-8.0+

Chrome 4.0+ (for Windows)

系统需求

操作系统
Windows: XP, Vista, Windows 7
Mac Mac OS X: 10.5-10.6.x (operates in 32-bit browser mode)
Linux: Ubuntu 8.04+, Fedora 10.0+, OpenSuse 11+
处理器:
最低: 1 GHz
推荐: 任意一种多核处理器.
内存:
最小: 512 MB
推荐: 1 GB
显卡 (GPU):
最小: 64 MB VRAM. Intel: 8xx. NVidia: GeForce 4. ATI: Radeon 8500.
推荐: 128 MB VRAM. Intel: 9xx. NVidia: GeForce 5/FX . ATI: Radeon 9500.

官方演示:http://www.cooliris.com/tab/#f=Channels

相关下载:http://www.cooliris.com/download-all.php

Have a fun!

阅读全文 →