叫板Flash 微软Silverlight初体验(2)

IT168.com
经过漫长的等待,近日,微软终于发布了Silverlight 2的正式版本。Silverlight 2正式版的发布不仅让微软有了更多和Flash叫板的机会,同时也将RIA(Rich Internet Applications,丰富互联网应用程序)开发技术推向了一个新的时代。今天我们就来感受一下Silverlight的光芒!
下载:Silverlight
一、走近Silverlight
从2005年秋初现Silverlight(银光)技术,到2008年10月发布2.0正式版,Silverlight已经走过了整整三个年头。这个被微软乃至国内外众多网络公司大力推崇的技术,目前微软已经和150个合作伙伴结成联盟,Silverlight到底深藏了何种魅力?下面我们来探个究竟。
1.Silverlight是什么?
究竟什么是Silverlight?简单地说,Silverlight就是一个安装简单的、跨浏览器的、跨平台的插件,类似于Flash。用户只要安装该插件,就可以在Windows和Mac平台的主流浏览器中运行相应版本的Silverlight应用程序和服务,比如享受P2P网络电视、视频分享、电子相册、在线游戏、搜索引擎以及其他交互丰富的网络服务等等。未来还很有可能被广泛应用在手机中,比如在Android操作系统和苹果iPhone手机植入Silverlight插件。
下载:Silverlight
小提示:如何安装Silverlight 2
要使用采用Silverlight技术的网络服务和应用软件,我们必须事先安装Silverlight插件,(点击此处下载最新2.0正式版)。安装方法非常简单,双击下载的“Silverlight.2.0.exe”文件即可进行安装,无需进行过多的设置。
2.Silverlight技术优势
跟Adobe的Flash技术相比,微软的Silverlight技术普及率虽然远远不及Flash,但是有些方面Silverlight技术还是有一定优势的。
(1)技术开发优势:Silverlight是基于微软.NET Framework开发,对开发者或设计者来说,可以使用C#、VB.NET、JavaScript、Ruby、Python等来撰写逻辑程序,采用XHTML、XML、XSLT、CSS及ASP.NET等技术来实现丰富的网页互动体验,而且还支持HTTP、REST、WS*/SOAP、POX、RSS等网络标准。
(2)Deep Zoom技术:Silverlight 2新增了对Deep Zoom(深度缩放)技术的支持,通过该技术我们在查看高分辨率图片时只将当前显示部分发送到浏览器里而不是全部下载。我们可以通过鼠标滚轮放大缩小图片,通过鼠标左键单击放大图片,可以通过鼠标任意拖动。
(3)高级内容保护:最新的Silverlight 2支持全新的数字版权管理(DRM)技术——PlayReady,并兼容Windows Media DRM 10。可以有效地保护标准的音频及视频文件、铃声、图片、游戏、墙纸以及其它由运营商售与手机用户的移动内容。
(4)Windows平台的支持:凭借微软的大背景,未来Silverlight和Windows的结合度将更高,这样可以比较容易的获得更多的用户群。
随着微软对Silverlight的持续投入,在某些功能方面将陆续缩小和Flash的距离,比如微软将在2009年第一季度推出下一代Silverlight 3.0版本,届时会提供对H.264视频编码和AAC音频编码的支持,从而可以播放高清的Flash视频。
二、最热门的八大应用
下载:Silverlight
Silverlight技术自发布以来就受到国内外众多网站、软件公司的关注,除了微软发布的Deep Zoom、Livestation、Tafiti等应用软件和服务,国内的新浪、百度、淘宝、腾讯等公司也积极的相应。下面我们将挑选目前最热门的八个基于Silverlight技术设计的网络服务,以及开发的应用程序,来体验一下Silverlight技术的魅力。
应用实例一:图像处理、电子相册
代表产品:Deep Zoom Composer+PhotoZoom
产品简介:Deep Zoom技术是由Live Labs研究出的图像显示技术,使用该技术可以对图像进行多种分辨率的缩放,方便用户查看超高清晰度的图片,在最新的Silverlight 2中就包含该技术的应用。Deep Zoom Composer是一款让图片支持Deep Zoom技术的工具,PhotoZoom是微软推出的一个可缩放的电子相册服务,允许用户创建、共享相册。
试用体会:下面以最新版本的Deep Zoom Composer 0.9.000.5为例,来体验制作Deep Zoom图片的过程。
小提示:要正常使用Deep Zoom Composer,需要安装Microsoft .NET Framwork 3.5。
Deep Zoom Composer分三个操作部分:在“Import”(导入)标签页中可以导入要处理的图片,支持批量导入图片;在“Compose”(组合)标签页中可以将图片拖入到工作区域,然后对导入的图片进行各种排列;在“Export”(输出)标签页中可以把经过Deep Zoom处理的图片发送到PhotoZoom电子相册,或者输出为Silverlight项目或图片文件。
总体来说,Deep Zoom Composer操作比较简单,Deep Zoom的处理能力比较强大,比较适合制作高分辨率的图片库,需要改进的就是增加更多的鼠标效果,比如滚动显示等。
小技巧:Deep Zoom Composer还有个妙用就是制作全景图,在导入全景图素材图片到工作区域后,选择这些图片,然后点击鼠标右键,在快捷菜单中选择“Create panoramic photo”来制作。
在上面,我们说到Deep Zoom Composer制作的Deep Zoom图片可以上传到PhotoZoom相册中,那么我们看看PhotoZoom有什么独特的地方?
打开http://photozoom.mslivelabs.com/,可以使用Windows Live ID登录。PhotoZoom的功能比较简单,支持JPG格式的图片,支持批量上传,也可以通过RSS/Atom导入图片。因为采用了Silverlight技术,所以在浏览相册的时候可以对图片进行缩放、移动。
应用实例二:网络电视
下载:Silverlight
一、走近Silverlight
代表产品:Livestation
产品简介:Livestation是由微软研究小组联手英国一家数字多媒体软件公司Skinkers共同研发的一款P2P网络电视软件,准备和著名的网络电视服务商Joost展开竞争。该产品采用微软的Silverlight技术架构,拥有华丽的播放界面、提供实时的电视节目视频播放。
试用体会:作为微软进军P2P网络电视市场的产品,Livestation受到广泛的关注。目前还处于测试阶段,不过已经开放注册了,要使用该软件我们首先打开http://beta.livestation.com/,点击页面上方的“Sign in”注册一个账号,然后点击“Download Livestation”下载一个软件即可。
默认情况下,在“My Channels”(我的频道)中会提供21个频道的节目,包括BBC、DW TV等,缓冲速度比较快,画面比较清晰(图5),支持高清晰度全屏以及多种画面大小播放,和大名鼎鼎的Joost有得一拼。要想看到更多的电视节目,我们可以在“Search”(查找)中找,比如CNN,然后点击右侧的“Add”添加到我的频道中。
除了高清晰的播放,未来Livestation要获得更多用户,必须增加更多的电视频道,包括中文频道;增加更多的功能,比如定时播放、视频录制等。
应用实例三:搜索引擎
下载:Silverlight
一、走近Silverlight
代表产品:Tafiti
产品简介:“Tafiti”在斯瓦希里语中的意思是“研究和搜索”,这里的Tafiti是微软推出的将Silverlight技术同Live Search搜索内核相结合的概念搜索站点,目前,支持Images(图片)、News(新闻)、Web(网页)、Halo(游戏)以及Feeds五项基本搜索。
试用体会:打开Tafiti的主页——http://www.tafiti.com/,我们可以看到一个华丽的UI界面,输入关键词(比如“姚明”)就可以进行可视化搜索体验,支持Windows Live ID登录。在页面左侧我们可以切换搜索的项目,比如图片、新闻、Feeds等,在中间会显示搜索的结果,如果要收藏搜索结果,还可以拖拽到右侧的收藏夹,最多可以收藏五个内容,比较人性化。
从具体的搜索功能来看,搜索的结果大部分是Live Search的结果,支持搜索结果过滤。虽然Silverlight 2拥有可缩放图片和平铺Deep Zoom技术,但是Tafiti的图片搜索结果没看到Deep Zoom的影子,跟普通搜索引擎没什么区别。比较实用的倒是右侧的收藏夹功能,我们还可以将收藏到结果发送到Windows Live Spaces,通过Hotmail和朋友分享。
应用实例四:在线音乐
下载:Silverlight
一、走近Silverlight
代表产品:百度音乐抢鲜族
产品简介:百度采用Silverlight 2开发的在线音乐试听服务,提供了国内很多选秀歌手的最新单曲和最新专辑,还可以参加他们提供的投票和抽奖活动。
试用体会:打开百度音乐抢鲜族的首页——http://mu-zone.baidu.com/,最吸引人的就是动感十足的用户界面,比如我们可以点击平铺的明星照片,给人气歌手投票,还可以看他们的最新MV参赛作品。在页面右侧我们可以欣赏最新的单曲,比传统的百度MP3播放界面要美观很多。不过,百度音乐抢鲜族还处于测试阶段,打开的很多链接还是采用传统的百度MP3页面。
应用实例五:在线视频
下载:Silverlight
一、走近Silverlight
代表产品:微软视频
产品简介:Microsoft Videos(微软视频)是微软推出的采用Silverlight技术的在线视频网站,目前尚处于测试阶段。该站点专门集中展示以及收集与微软有关的一些视频资源,包括一些正式的新闻报道、演示、帮助和教程视频等等。
试用体会:打开http://www.microsoft.com/video/,在“Search”搜索框输入相应的关键词,就可以搜索到相应的视频内容。不过,微软视频还处于测试阶段,视频内容还比较少,以微软的新闻报道、产品演示等视频为主。在视频播放功能方面,清晰度尚可,“dim lights”(弱光)、“detach player”(分离播放器)以及“Watch as WMV”(用WMP播放)小功能比较实用,弱光可以让播放窗口更加突出地显示,分离播放器功能可以用单独窗口欣赏视频,用WMP播放功能可以打开WMP窗口播放视频。
总体来说,相对于其他的Silverlight技术应用,在网络视频方面并不出彩。不过,相信在正式版本上线之后,播放功能会更加强大、视频内容还会更加丰富。
应用实例六:电子商务
下载:Silverlight
一、走近Silverlight
代表产品:淘宝“闪光店铺”
产品简介:“闪光店铺”是淘宝网和微软合作的项目,借助Silverlight技术,可以为淘宝卖家提供更多样化的店铺以及宝贝展示方式,比如通过平铺的宝贝图片可以看到商品的每一个细节。据悉,未来淘宝网还将为IE8定制淘宝定制版本。
试用体会:打开http://list.mall.taobao.com/promotion/activity/silverlight.htm我们就可以看到淘宝的“闪光店铺”,因为是测试推广阶段,目前只提供了12家闪光灯店铺。
跟传统的淘宝店铺相比,“闪光店铺”的展示借助于多个采用Deep Zoom技术的图片更加直观,比如可以自动播放宝贝图片,对图片进行缩放,宝贝图片可以叠加显示;而且展示页面可以进行叠加,这样在淘宝网买东西的时候不用一次打开多个页面。但是,并没有向媒体报道中提到的那样支持可以通过鼠标拖拽移动图片、通过滚轮放缩图片。
目前,“闪光店铺”还只是淘宝网的一个概念性项目,未来如果店铺内容全部采用该技术展示,需要增加文字展示和提高图片的缩放比例,让买家能看到更大、更清晰的宝贝图片。
应用实例七:电子邮箱
代表产品:AOL邮箱
产品简介:完全采用微软Silverlight技术开发的新版AOL邮箱——AOL Mail RIA,目前处于测试阶段,采用动感的操作界面,支持界面换肤功能。
试用体会:打开http://ria.aol.com/,相比旧版的AOL邮箱,AOL Mail RIA界面更加动感(图10),点击右上角的四色按钮,在弹出的“Select a Theme”(选择主题)窗口中我们还可以选择喜欢的风格主题。在功能方面,AOL Mail RIA少了日历功能,以及AOL事件、AOL财经等小工具,不过增加的Truveo视频搜索,其他功能没什么变化,也没有明显的提高。
应用实例八:游戏开发
代表产品:Popfly+Popfly Game Creater
产品简介:Popfly(http://www.popfly.com/)是微软在去年5月中旬推出的一款基于微软Silverlight技术架构的可视化Web开发平台。通过 Popfly提供的服务,用户可以轻松的创建以及分享自己的Mushup(数据混合编辑)、Game(游戏)、Gadget(小工具)、Web,甚至是应用程序等等。Popfly Game Creater是微软最近发布的一款面向普通用户的在线DIY游戏制作工具。
试用体会:下面以Popfly Game Creater为例,来感受一下DIY游戏的乐趣。打开http://www.popfly.com/gamecreator/,可以使用Windows Live ID登录。在Popfly Game Creater中提供了大量的游戏模板,比如kill the Peas、Space Boy等,选择某个游戏模板,我们可以进行修改,在“Actors”(角色)中,在左侧我们可以通过素材库添加演员(People)、Animals(动物)、Buildings(建筑物)、Special Effects(场景特效)等等(图11);在“Scenes”(场景)中修改背景、行为、背景音乐;修改完成之后,在“Play”中试玩,看看自己的DIY成果。
对普通用户来说,即使你没有游戏编程经验,通过这样傻瓜化的操作界面同样可以制作出、修改出有创意的游戏。