『柴说』 » 简单的Silverlight音乐播放器Widget

windstyleplayer上周尝试了一下发布不久的Silverlight 2 beta2,设计了这么一个简单的播放器widget。它支持循环播放,支持自动播放,支持封面图片,支持暂停(鼠标移动到封面上就会淡入按钮)。

本来是想设计的稍微酷一点的,发现Silverlight2的矩阵变形能力还是相当弱的,其实现的功能也就是平移、平行四边形化和旋转,如果再支持梯形化就好了。

draft

好了,关于技术的种种就不说了,因为美工MM说这个blog很“技术”,虽然我一直在尽量避免在这里记录过于技术的事情,即便是像这个播放器Widget这样通用的小玩意儿,我在这里和『听风且吟』技术版的日志内容都是不一样的。

嗯,废话少说,如果你也想在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>

经典的参数解释环节,注意上面朱红色的代码,这是我们可以自定义的:

  • width和height是widget的大小,建议保留默认值;
  • InitParams是widget的初始参数,包含音乐url(music)、封面url(cover)、标题(title)、自动播放(auto)和循环(loop),各个参数之间用半角逗号分割,可以按照上面代码的格式自己修改;
  • background是背景颜色。