个人资料
正文

Flash mp3播放器和xml 曲目列表(playlist)讲解 -from 左右开弓

(2010-02-10 20:08:35) 下一个
现在再来讲解xml多曲列表和它的 Flash Media Player。
这次我以丽班的【马头琴专辑】[我从草原来]为例。一来你已搬回你自己的田里开花了,有一定的体验;二来,丽班已把她的代码
登出来了:

http://web.wenxuecity.com/BBSView.php?SubID=music&MsgID=524980
,省我不少码字的工夫。
下面就是丽丽的这段代码,我重新整理了一下以方便阅读:



<><><><>
<><><><>
<><><><>
<><><><>









  
<><><>

    
<><><>

     
<><><>

    


      
<><><>

        
<><><>

         
<><><>

          
<><><>

         
<><><>

        
<><><>

      


           

              
src="http://space.wenxuecity.com/media/1263939407.swf" type="application/octet-stream" quality="high" wmode="transparent" >

           


          


      


       


       


      


        

         
src="http://space.wenxuecity.com/media/1234581326.swf" width="460" height=80"

         
type="application/x-shockwave-flash" border="0" wmode="transparent"

         
flashvars="&config=http://space.wenxuecity.com/media/1234580943.xml&file=http://space.wenxuecity.com/media/1263865013.xml"

         
quality="high" menu="false" />

        


   


  


   
<><><>

   


【专辑简介】

唱片名称:我从草原来
出版公司:广东音像出版社
发行时间:2006年2月6日

早晨,怀抱一夜怅惘,弯腰寻觅草叶上的珠链。莫名的缱绻,爬上溪边的柳梢。 不远处,牧羊人扬起鞭子,将一夜雨声赶进你的花园。隐约传来一阵阵马头琴的乐曲声。 缭绕在空气中,如泣如诉。虽然缓慢、低沉,却很清晰、细腻, 宽广之中透着孤独、哀怨和思恋......
这张音乐专辑,独具创新地将流行音乐 与民族音乐完美结合, 给马头琴带来了前所未有的激情,令人心动。 演奏者那高超技巧更是一绝, 时而委婉低回,时而激越高亢, 时而深沉忧郁。音色准确鲜明, 空气感与分隔度表现一绝, 加上出色的录音效果,速度感十足, 妙韵悠长,给爱乐者们带来一种全新的时代感, 让人忘却烦恼,尽情地享 受这无与伦比的马头琴声。

【专辑曲目】

01. 美丽的草原我的家
02. 千纸鹤
03. 蒙古人
04. 天堂
05. 在水一方
06. 我从草原来
07. 走西口
08. 家乡
09. 翻身农奴把歌唱
10. 大海啊故乡
11. 北国之春
12. 北京的金山上




  


 








上述代码可划分为五部分。第五部分的专辑简介文字说明在此就忽略不讲了。第一部分用深灰背景标出,这段代码用来说明整个页面的风格样式。其中,是风格样式标签,作用是统一整个页面的风格。其中,代码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有关的部分,如下所示:

ffffaa (这里有个小错,"ffffaa"前missing"0x")

0xC1E1EC

0xC1E1EC

其中,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首曲目,其余忽略,可类推):





http://www.jeroenwijering.com/



  

    http://space.wenxuecity.com/media/1263851276.mp3

     01. 美丽的草原我的家

    blank

  

  

    http://space.wenxuecity.com/media/1263854002.mp3

     02. 千纸鹤

    blank

  

...





不难看出,每一首曲目由开始,用结束。在...和之间的是每一首歌曲mp3的URL地址,可以是你上传的,也可以是别人上传的;可以在WXC,也可以在任何公众能访问的Website。标志的,则是你想让Flash MP3播放器在播放该曲时显示的曲名。blank可以忽略,不用考虑。当你修改完xml歌曲列表后,上传至WXC,用你的QQH中得到的URL地址替换上述代码中的file部分,即file=....xml部分。


最后,在你的LOCAL,或你的博客中测试、调整。将最满意的结果发帖、灌水! You got it!! Good luck!!!

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