这段代码是说明下面的Flash Media播放器的相对/绝对位置和尺寸。这个位置是相对当前位置而言,"LEFT: -150px; POSITION: relative; TOP: -470px;"是指播放器的左边界从当前位置向左150pixels,播放器上边界向上470pixels。后同此理。屏幕的左上角是绝对坐标(0,0)。最终的位置还得根据自己的预览作调整。在丽班的此例中,Flash MP3 播放器是设在了主画面的左下角上,也就是深绿的草地上。
第四部分紧接着第三部分下面,即
所包含部分:
这也就是真正的Flash MP3播放器说明部分。它定义了播放器的显示尺寸(Width and Height in pixels);它定义了Flash MP3播放器的源,即onload="javascript:if(this.width>450) this.width=450" src="
http://space.wenxuecity.com/media/1234581326.swf"(你可以直接套用这个源,也可Mouse右击另存至Local,然后再上传取得一新的路径);它还定义了此播放器所需的配置文件(Config xml file): config=
http://space.wenxuecity.com/media/1234580943.xml(可Mouse右击另存至Local)。丽班在此运用了浅色,因为背景是深绿的草地。如果你想选用其它颜色,你可修改你的Local copy。注意,你只需修改其中COLOR有关的部分,如下所示:
其中,0x后面的6个数字或字母是HTML色彩十六进制编码,可参考
http://html-color-codes.info/。修改完毕后,再上传至WXC的UPLOAD SITE,用你的QQH中得到的URL地址替换上述代码中的CONFIG部分,即config=
http://space.wenxuecity.com/media/1234580943.xml中的桔黄色背景部分。实在想偷懒,也可直接替换成别人已上传的CONFIG xml,如我的:
http://space.wenxuecity.com/media/1260390027.xml(深蓝为主色调)。
好,现在再讲最关键的部分,即xml的歌曲列表(xml playlist)。它在上述embed代码中:file=
http://space.wenxuecity.com/media/1263865013.xml部分(可Mouse右击另存至Local)。这个FILE的内容如下(只列出2首曲目,其余忽略,可类推):
不难看出,每一首曲目由
开始,用
结束。在
...和
之间的是每一首歌曲mp3在WXC Upload的URL地址,可以是你上传的,也可以是别人上传的。
和
标志的,则是你想让Flash MP3播放器在播放该曲时显示的曲名。
可以忽略,不用考虑。当你修改完xml歌曲列表后,上传至WXC,用你的QQH中得到的URL地址替换上述代码中的file部分,即file=
http://space.wenxuecity.com/media/1263865013.xml中的浅蓝背景部分。
有一点特别注意的地方是,xml文件是纯文本文件,一般用Notepad就能做。但是,保存时切记用"UTF-8"(Encoding)。否则,中文有可能显示成乱码。上面啰啰嗦嗦讲解了如何用多曲目xml列表在WXC音乐快递中发音乐帖、如何制作xml列表。可能还是会有朋友不太明白具体怎么做xml曲目列表。为此,我为大家做了一个小工具:文学城xml曲目列表生成器(文学城XML Playlist Generator):
http://www.freewebtown.com/zykg/tools/playlistgenerator/index.html。具体如下所示:
文学城 XML Playlist Generator Title | Info | Location (URL) | Annotation | This is a 样板 | 左右开弓 编制 | http://space.wenxuecity.com/media/0123456789.mp3 | Track 01: 样板曲 1. | + - | Your playlist code (e.g. save it to "playlist.xml"): |
上面,"Title"栏和"Info"栏内随你喜欢,想填啥就填啥。"Location (URL)"栏内就是你所上传至WXC的MP3曲目的URL(上传完在你的QQH中提示)。"Annotation"栏內是你想让MP3播放器在播放该曲时显示的曲名。Click最右端的"+"/"-"符号,可增加或减少曲目。最后,生成的XML曲目列表在下半部分显示。你可Copy-Paste/Save至Local,然后再上传至WXC。用QQH中的到的URL替换下面代码中的file=
http://space.wenxuecity.com/media/1267026923.xml中的浅蓝背景部分。
最后,在你的LOCAL,或你的博客中测试、调整,将最满意的结果发表。祝大家发帖、赏帖、灌水愉快!