简单的Silverlight音乐播放器Widget

上周尝试了一下发布不久的Silverlight 2 beta2，设计了这么一个简单的播放器widget。它支持循环播放，支持自动播放，支持封面图片，支持暂停（鼠标移动到封面上就会淡入按钮）。
本来是想设计的稍微酷一点的，发现 Silverlight2的矩阵变形能力还是相当弱的，其实现的功能也就是平移、平行四边形化和旋转，如果再支持梯形化就好了。


发现Silverlight 2 beta2相对beta1的一些小变化：

1.字体优化，beta1总算支持了中文显示，但却显示的非常别扭。
一句话会出现两种字体，貌似规律是这样的，如果某个汉字的繁简体一样的话，那么这个汉字在Silverlight中显示为黑体，否则为宋体。
其实微软的网站上早就有这样的先例，譬如下图：


2.Image不再像之前那样使用依赖属性赋一个Uri就可以了，而是变成了下面的样子： 

BitmapImage bmp  =   new  BitmapImage(); 
bmp.UriSource  =   new  Uri(cover); 
this .img_Cover.Source  =  bmp;

3.另外，之前 基于beta1制作的饭否widget无法编译通过了，在异步调用的方法中，似乎无法直接操作控件的属性了，不知何解。

OK。如果你也想在blog上添加这个widget，那么编辑主题，在相应的位置加入以下代码：

< object  data ="data:application/x-silverlight,"  type ="application/x-silverlight-2-b2"  width ="140"  height ="160" >
< param  name ="source"  value ="http://blog.windstyle.cn/wp-content/uploads/2008/06/windstyleplayer.xap" />
< param  name ="onerror"  value ="onSilverlightError"   />
< param  name ="InitParams"  value ="music=http://lqyy.cnlu.net/UploadFile/2008-4/200841718293180.mp3,cover=http://img.verycd.com/post_thumbs/0804/post-511307-1208867652_thumb.jpg,title=鸿雁 - 额尔古纳乐队,auto=true,loop=true"   />
< param  name ="background"  value ="#09182A"   />
< a  href ="http://go.microsoft.com/fwlink/?LinkID=115261"  style ="text-decoration: none;" >
< img  src ="http://go.microsoft.com/fwlink/?LinkId=108181"  alt ="Get Microsoft Silverlight"  style ="border-style: none" />
</ a >
</ object >

稍微介绍一下InitParams的配置就可以了，它包含了音乐url（music）、封面url（cover）、标题（title）、自动播放（auto）和循环（loop），各个参数之间用半角逗号分割即可。

点击下载示例源码