现在再来讲解xml多曲列表和它的 Flash Media Player。
这次我以丽班的【马头琴专辑】[我从草原来]为例。一来你已搬回你自己的田里开花了,有一定的体验;二来,丽班已把她的代码
登出来了:
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播放器的源,即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=....xml部分。实在想偷懒,也可直接替换成别人已上传的CONFIG xml,如我的:
http://space.wenxuecity.com/media/1260390027.xml(深蓝为主色调)。
好,现在再讲最关键的部分,即xml的歌曲列表(xml playlist)。它在上述代码中用蓝色背景标出:file=
http://space.wenxuecity.com/media/1263865013.xml(可Mouse右击另存至Local)。这个FILE的内容如下(只列出2首曲目,其余忽略,可类推):
/>
/>
...
/>
/>
不难看出,每一首曲目由开始,用/>结束。在
最后,在你的LOCAL,或你的博客中测试、调整。将最满意的结果发帖、灌水! You got it!! Good luck!!!