Justin_R之看图造句

1. 加入Cutom HTML模块

首先请参见《Windows Live Spaces Custom HTML PowerToy 教学》加入一个power top custom HTML 模块，如下图。这样就可以在这个模块里面加入dewpalyer的代码了。

2. 播放器代码：

<div align=center><embed src=http://www.estvideo.com/dew/media/{播放器文件}?son={mp3歌曲链接}&autoplay={是否自动播放} height=20 type=”application/x-shockwave-flash” pluginspage=”http://www.macromedia.com/go/getflashplayer” allowscriptaccess=never allownetworking=internal></div>

上面红色字部分是需要自己定制的，我一个一个来解释。

• 播放器文件：现在的dewplayer一共有四种如下：

1. “dewplayer.swf” 普通型：
2. “dewplayer-mini.swf“ 迷你型：
3. “dewplayer-vol.swf“ 音量控制型：
4. “dewplayer-multi.swf“ 多曲型：

需要用哪种类型，把引号内的文件名拷贝到{播放器文件}的位置即可。

• mp3歌曲链接：就是把网络上要播放的完整mp3文件链接拷贝到{mp3歌曲链接}这个位置。对于多曲型播放器，可以用”|”将歌曲链接分隔开，用以下格式来支持多个歌曲：http://…./song1.mp3|http://…/song2.mp3|http://…/song3.mp3
• 是否自动播放：0 表示不自动播放，1 表示自动播放，直接在{是否自动播放}填入数字即可。

举个例子，比如说要播曹芳的《城市稻草人》，歌曲文件网络链接为”http://www.justin-rao.net/songs/title/20070310-zhangxuan_baobei.mp3″，希望用音量控制形，并自动播放，那么代码应该为：

<div align=center><embed src=http://www.estvideo.com/dew/media/dewplayer-vol.swf?son=http://www.justin-rao.net/songs/title/20070310-zhangxuan_baobei.mp3&autoplay=1 height=20 type=”application/x-shockwave-flash” pluginspage=”http://www.macromedia.com/go/getflashplayer” allowscriptaccess=never allownetworking=internal></div>

3. 专辑封面代码：

最简单办法就是直接使用豆瓣上面的代码。首先登陆douban.com，在豆瓣的上面搜索到对应的专辑。以曹芳的《遇见我》为例，豆瓣上的链接是“http://www.douban.com/subject/1449452/。在豆瓣专辑页面图片的下方有一个“放在你的blog”里的链接，如下图

点击之后，就能看到一串<a href=”….”>…..</a>的代码，拷贝下来，放到<div align=center>和</div>之间，得到如下代码<div align=center”><a href=”….”>…..</a></div>

以曹芳的《遇见我》为例，代码应该为：

<div align=center><a href=”http://www.douban.com/subject/1449452/”><img src=”http://www.douban.com/mpic/s1462740.jpg” style=”float:left;padding:0 20px 20px 0;”/></a></div>

最后我们希望把专辑图放在播放器的上面，那么我们就把专辑图的代码放在播放器代码的前面，用两种颜色区分，如下：

<div align=center><a href=”http://www.douban.com/subject/1449452/”><img src=”http://www.douban.com/mpic/s1462740.jpg” style=”float:left;padding:0 20px 20px 0;”/></a></div><div align=center><embed src=http://www.estvideo.com/dew/media/dewplayer-vol.swf?son=http://www.justin-rao.net/songs/title/20070310-zhangxuan_baobei.mp3&autoplay=1 height=20 type=”application/x-shockwave-flash” pluginspage=”http://www.macromedia.com/go/getflashplayer” allowscriptaccess=never allownetworking=internal></div>

4. 最后一步

最后把歌曲名称放到Custom HTML的Module name:对话框中。点击Save，再把Custom HTML放到自己想放的位置，在save space layout就可以啦。