個人資料
正文

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)
評論
目前還沒有任何評論
登錄後才可評論.