个人资料
正文

【制帖帮助】如何在音乐快递中发表xml多曲列表的音乐帖- by 左右开弓

(2010-03-02 18:30:06) 下一个
 

【制帖帮助】如何在音乐快递中发表xml多曲列表的音乐帖

有些朋友曾问我如何制作多曲目xml列表的音乐帖。一直想写个简单的说明,但一直未做到。今天终于下定决心,一定要把它完成。
其实,从技术上讲,这并不太难。关键是需要一点HTML语言基础,对HTML代码有一定理解后便可依葫芦画瓢。下面以丽班的一个实例来讲解有关的代码。

丽班曾发过一个靓帖,【马头琴专辑】[我从草原来]:
http://web.wenxuecity.com/BBSView.php?SubID=music&MsgID=524980。下面就是此帖的有关代码(感谢丽班的代码):



上述代码可划分为五部分。第五部分的专辑简介文字说明在此就忽略不讲了。第一部分为:
这段代码用来说明整个页面的风格样式。其中,是风格样式标签,作用是统一整个页面的风格。其中,代码td和body用来控制表格中和不在表格中的文字表现形式。font-size定义了文字大小,而line-height用于控制行距。以A开头的几句控制链接文字的风格:使其在链接、正在被点击过程和点击后都呈现不同的样式,更主要的是消除了链接文字的下划线,效果试试就知道啦。另外,在color后的颜色也可用black、blue、white限定词等来代替颜色的16进制码,例如可写成color:blue的形式。

第二部分为:

这一块是作者(丽丽)的主要(Flash)画面。它标明了Flash画面的尺寸和Flash画面的源:

http://space.wenxuecity.com/media/1263939407.swf


第三部分为:

这段代码是说明下面的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.mp3Track 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,或你的博客中测试、调整,将最满意的结果发表。祝大家发帖、赏帖、灌水愉快!

[打印]
[ 打印 ]
阅读 ()评论 (0)
评论
目前还没有任何评论
登录后才可评论.