简单的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" />
<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),各个参数之间用半角逗号分割即可。

点击下载示例源码
http://xiaoshatian.cnblogs.com/
Tag标签: Silverlight,Widget
posted @ 2008-06-26 09:33 Windie Chai(笑煞天) 阅读(2263) 评论(13)  编辑 收藏 所属分类: Silverlight & WPF

  回复  引用  查看    
#1楼 2008-06-26 09:36 | leonardleonard      
支持一下
  回复  引用  查看    
#2楼 2008-06-26 09:55 | 生鱼片      
支持
  回复  引用  查看    
#3楼 2008-06-26 11:04 | kkun      
看看先!支持下~
  回复  引用    
#4楼 2008-06-26 11:09 | 免费国际域名 [未注册用户]
不错
  回复  引用  查看    
#5楼 2008-06-26 11:15 | ◎寶☆呗      
^_^。。学习。。学习。~
  回复  引用  查看    
#6楼 2008-06-26 11:44 | veter      
兄弟走得还真快呀,呵呵////
  回复  引用  查看    
#7楼 2008-06-26 13:28 | aspnetx      
支持下
  回复  引用    
#8楼 2008-06-26 17:00 | pangmei0325 [未注册用户]
为什么下载下来代码却运行不了是怎么回事,我遇见很多次这问题,麻烦赐教
  回复  引用    
#9楼 2008-06-26 17:01 | pangmei0325 [未注册用户]
xiexie
  回复  引用  查看    
#10楼 [楼主]2008-06-26 19:59 | Windie Chai(笑煞天)      
@pangmei0325
请使用Visual Studio 2008 + Silverlight 2 Beta2 SDK来打开工程文件。
  回复  引用    
#11楼 2008-06-27 02:23 | PH计电导率仪 [未注册用户]
怎样卸载silverlight。*
  回复  引用  查看    
#12楼 [楼主]2008-06-27 09:33 | Windie Chai(笑煞天)      
@PH计电导率仪
控制面板》添加删除程序
  回复  引用  查看    
#13楼 2008-06-30 12:58 | Anytao      
看来,我得开始关注sl了:-)

标题  
姓名  
主页
Email (只有博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2008-06-26 11:08 编辑过