(ZT)【製圖幫助】基本音畫貼的製作（三）by smallguy

【製圖幫助】基本音畫貼的製作（三） 這一節專門講述製作透明播放器。 透明播放器有三要素，分別是播放器（swf）、播放器設定（第一個xml）、曲子列表（第二個xml） 舉例來說： <embed name="mp3player" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://space.wenxuecity.com/media/201208/27/1346120689.swf" width="200" height="140" type="application/x-shockwave-flash" menu="false" quality="high" flashvars="&config=http://space.wenxuecity.com/media/201209/29/1348929685.xml &file=http://space.wenxuecity.com/media/201209/29/1348929725.xml" wmode="transparent" border="0"></embed> 以上排版隻為更好說明三要素在代碼中的位置，實際操作時，應盡量減少句與句之間的空格，尤其&file=部分和前麵的xml之間， 是不允許有空格的。 完整代碼如下： <embed name="mp3player" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://space.wenxuecity.com/media/201208/27/1346120689.swf" width="200" height="140" type="application/x-shockwave-flash" menu="false" quality="high" flashvars="&config=http://space.wenxuecity.com/media/201209/29/1348929685.xml&file=http://space.wenxuecity.com/media/201209/29/1348929725.xml" wmode="transparent" border="0"></embed> 童鞋們可以把這三個文件下載保存，以備不時之用。 http://space.wenxuecity.com/media/201208/27/1346120689.swf http://space.wenxuecity.com/media/201209/29/1348929685.xml http://space.wenxuecity.com/media/201209/29/1348929725.xml 下麵分別對這三要素作介紹。 1.播放器。 其實不用多說。這播放器是一點不用變的，這城裏用的都是這款播放器，俺也是從麗麗那裏順來到，鏈接都沒變：）） 所以隻要記住上麵的播放器swf鏈接，到各個帖子裏隨手粘貼。有時，要是用舊貼的代碼的話，連這一步都省了。 不過，要看看這播放器長啥樣，還真有點麻煩，簡單點的，把該鏈接拷貝、粘貼到IE的地址欄就行了。 2.第一個xml文件，涉及到播放器的設定，如字體的顏色、振動波幅的顏色，等等。 要做修改的也就是這一部分。 鼠標移至第一個xml文件，點右鍵，用notepad或者notepad++打開，找到下麵幾行： <!-- choose the mp3player colors (hexadecimal, from 0x000000 to 0xffffff) --> <backcolor>0xffffff</backcolor> <frontcolor>0x463313</frontcolor> <lightcolor>0x000000</lightcolor> 分別對ffffff、463313和000000做調整，改變文字和波幅的顏色。 其實，這也有個省事的辦法，這壇子裏用透明播放器的人多了，大家看到了形形色色的設置，可以把各種設置好的第一個xml文件保存下來。 文件保存，以後可以稍作修改，自個就能用了。另外打開記事本，專門為這些xml文件的url鏈接登記造冊，加注文字。 這裏就順來幾個好用的，知名不具啊：）） 黑字黑幅 http://space.wenxuecity.com/media/201209/29/1348929685.xml 白字白幅 http://space.wenxuecity.com/media/201208/27/1346120644.xml 藍字藍幅 http://k006.kiwi6.com/hotlink/2n3986u3nh/player.xml 好的還有很多，童鞋們就找去吧。或者自個動手，改動第一個xml文件裏的相關設定。 改完第一個xml文件後，注意保存的文件還應是xml文件。上傳該文件，在第一個xml鏈接處粘貼新的url地址。 3.第二個xml文件。這是曲目列表，這個就得自個動手了。 還是用notepad或者notepad++打開第二個xml文件，代碼如下： <track><location>http://space.wenxuecity.com/media/201209/29/1348928528.mp3</location> <annotation> 01 思絲入扣 </annotation><info>blank</info></track> <track><location>http://space.wenxuecity.com/media/201209/29/1348928621.mp3</location> <annotation> 02 柔情似水 </annotation><info>blank</info></track> <track><location>http://space.wenxuecity.com/media/201209/29/1348928674.mp3</location> <annotation> 03 琵琶弦上說相思 </annotation><info>blank</info></track> <track><location>http://space.wenxuecity.com/media/201209/29/1348928725.mp3</location> <annotation> 04 相思無盡處 </annotation><info>blank</info></track> 這裏要做的兩件事，一是更換mp3鏈接，二是更改曲名。每首曲子都做同樣的處理。 為省篇幅，這裏隻列了四行。童鞋們看到的曲子列表，長短不一，可視情況做增刪，並作相應調整。 需要注意句子完整性，track和track之間是一個單元，增加和減少都以此為單位。 製作好曲目列表，保存為xml文件。 上傳到文學城影音文件上傳地址，得到第二個xml文件的新url鏈接，並粘貼到上麵代碼中第二個xml鏈接所對應的位置。 這樣，播放器部分製作完成，代碼如下： <embed name="mp3player" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://space.wenxuecity.com/media/201208/27/1346120689.swf" width="200" height="140" type="application/x-shockwave-flash" menu="false" quality="high" flashvars="&config=http://space.wenxuecity.com/media/201209/29/1348929685.xml&file=http://space.wenxuecity.com/media/201209/29/1348929725.xml" wmode="transparent" border="0"></embed> 替換掉第一部分的做m3u連播的代碼，得到如下圖片+完整播放器代碼： <center> <img src="http://i46.tinypic.com/wisnio.jpg" /><br/><br/><br/><br/> <embed name="mp3player" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://space.wenxuecity.com/media/201208/27/1346120689.swf" width="200" height="140" type="application/x-shockwave-flash" menu="false" quality="high" flashvars="&config=http://space.wenxuecity.com/media/201209/29/1348929685.xml&file=http://space.wenxuecity.com/media/201209/29/1348929725.xml" wmode="transparent" border="0"></embed></center> 效果圖： 播放器裏的width="200" height="140"，是設定播放器寬和高的，height的數值越大（以20為單位遞增或遞減），顯示出來的曲目就越多。 這裏不多說了，童鞋們下麵可以多做練習：））

所有跟帖： 

• SF -走馬讀人- ♂ (0 bytes) () 10/09/2012 postreply 05:03:59

• 太高難了！ 怎麽學啊？ -tingfeng- ♀ (0 bytes) () 10/09/2012 postreply 09:33:03

• 謝謝美風，等我不這麽忙的時候煙酒煙酒！ -非文學青年- ♀ (0 bytes) () 10/09/2012 postreply 09:50:51

• 哈哈！：）） -sportwoman- ♀ (0 bytes) () 10/09/2012 postreply 19:38:27

• 基本製圖（一）是最基本的歌貼。這個（三）是做合輯時用的。：） -beautifulwind- ♀ (0 bytes) () 10/09/2012 postreply 20:50:57

• 好漂亮有意境的貼! 學習了! -rockcurrent- ♂ (0 bytes) () 10/09/2012 postreply 20:32:26

• 謝謝smallguy教大家製貼。謝謝走馬，聽風，文青，吳曼，RC支持。從製貼（一）學起比較容易。（三）是合輯用的：） -beautifulwind- ♀ (53 bytes) () 10/09/2012 postreply 20:55:34