個人資料
正文

石頭製貼講座之六(音樂合輯的三種做法)

(2010-08-12 07:24:56) 下一個
石頭製貼講座之六(音樂合輯的三種做法) 2010-03-28 15:55:49
[ 打印 ]
閱讀 ()評論 (0)
評論
目前還沒有任何評論
登錄後才可評論.
怎麽感覺搞這種講座就像是“魔術大揭秘”,再搞下去人家製貼高手們該有意見了。嗬嗬,本講座是最後一次,就俺這半瓶子水以後就不出來逛蕩了。

看見紅塵熱心的給大家做專輯,所以也想說幾句。其實把多首歌合起來作為一個合輯播放,方法有很多。今天隻介紹三種簡單常見的方法。
分別是M3U法,XML法,和外掛法。
我選了小小的三首歌,來作個合輯,小小曾經問過我紅塵的播放器怎麽做的,這裏一並解答。
首先找到小小的三首歌的鏈接:
http://space.wenxuecity.com/media/1231300635.mp3
http://space.wenxuecity.com/media/1200257656.mp3
http://space.wenxuecity.com/media/1204845766.mp3

下麵來看看怎麽做。


(一) M3U格式的序列播放器
這個比較簡單,首先找一個空白的文件夾,點擊鼠標右鍵創建一個新的文本文件,如下圖:




然後在這個文件裏麵把那三首歌的鏈接寫上去,copy和paste就好了。寫完了以後點擊文件---另存為任何一個文件名,後綴是”.m3u”就好了。例如我這個名字是:xiaoxiao.m3u

如下圖:




這樣在你的文件夾裏就出現了一個m3u文件,它是一個music list,用windows自帶的media player也可以播放的。好,現在就把這個m3u文件象上傳音樂一樣的上傳文學城空間,你就拿到了一個m3u的文件鏈接。這是我拿到的鏈接:(具體如何上傳請參照新手初次上貼指南)
http://space.wenxuecity.com/media/1269750295.m3u
很簡單,現在就把它象貼mp3音樂各式一樣的貼出來就好了。如下就是貼出來的樣子:



上麵的播放器我把autostart設置成了false,默認的應該是true的。
這種m3u格式的文件不但可以坐專輯用,還可以解決空間容量問題。因為文學城上傳文件有限製,大於8M的文件不能上傳,如果你的歌曲,朗誦或小品節目大於8M的話,你就可以把它分成兩到三個小文件分別上傳,再製作成m3u文件上傳。m3u文件很小,它就是來調用其他的音樂鏈接。

(二) XML格式的flash播放器
這是一種比較流行的播放器,透明的,動態的,效果很好而且不但可以作專輯,也可以單獨放一首歌時使用。
它的代碼由一個swf文件和兩個xml文件組成。
首先這個swf的flash文件是一個flash播放器,但是這個播放器需要playlist來支持。

這個播放器的地址是:http://space.wenxuecity.com/media/1234581326.swf你可以點擊打開看看哦。

第二個是一個控製器文件:
http://space.wenxuecity.com/media/1256330890.xml它是控製播放器的顯示狀態,顏色,音量等等的一個xml文件。什麽是xml呢?XML與HTML的設計區別是:XML是用來存儲數據的,重在數據本身。而HTML是用來定義數據的,重在數據的顯示模式。我們不管那麽多,知道怎麽用就好了。
打開它你可以看到這樣的內容:


紅色的中文字是我後來加上的,告訴你這個文件控製的內容。你可以把這個文件下載後放到自己的文件夾裏備用。你可以修改上麵的參數根據你自己的帖子的背景修改你播放器的顏色,字體顏色等等。使用notepad打開修改再保存就好了。

再給大家提供幾個其他顏色的播放控製文件,用著方便:
紅色的字:http://space.wenxuecity.com/media/1253864634.xml
藍色的字:http://space.wenxuecity.com/media/1234585189.xml
綠色的字:http://space.wenxuecity.com/media/1234824478.xml
黃色的字:http://space.wenxuecity.com/media/1248878682.xml

最後一個xml文件是playlist,就是你要播放的內容。它的內容如下,你可以copy這些東西再paste到一個文本文件裏麵。這裏麵有歌曲鏈接,還有annotation是在歌曲列表裏麵顯示的歌名。你都可以修改的。

<?xml version='1.0' encoding='UTF-8' ?><playlist version='1' xmlns='http://xspf.org/ns/0/'><title>Sample PHP Generated Playlist</title><info>http://www.jeroenwijering.com/</info><trackList><track><location>http://space.wenxuecity.com/media/1231300635.mp3</location><annotation>01微風細雨 </annotation><info>blank</info></track><track><location>http://space.wenxuecity.com/media/1200257656.mp3</location><annotation> 02假如我是真的 </annotation><info>blank</info></track><track><location>http://space.wenxuecity.com/media/1204845766.mp3</location><annotation>03千言萬語</annotation><info>blank</info></track></trackList></playlist>
好,把以上東西拷貝到一個notepad裏麵,如下圖:




弄好後,再另存為一個後綴為xml的文件。注意save as type是all file,Encoding是UTF-8就好了。如下圖:



現在你就有了自己的playlist,你可以修改這個playlist放上你自己想要放的歌曲鏈接和歌曲名稱。

我把這個文件上傳後拿到了這個鏈接:http://space.wenxuecity.com/media/1269755220.xml
有了這三個鏈接就把他們放到如下code裏麵就好了,把下麵的這個模塊就當作一個貼子裏麵的模塊,用div來定義它的大小和位置,就想使用任何一個flash一樣。


最後的效果是這樣的:




(三) 外掛播放器

很多網站可以提供可調用的播放器代碼,到這個網站看看http://www.myflashfetish.com,這裏你要先注冊(免費),然後我們選一個播放器試一下:




然後在add music那個地方寫上歌曲鏈接和歌名什麽的:




你可以選顏色:




然後給自己的playlist寫上個名字,再按綠色按鈕搞到代碼:




下圖顯示給你提供的代碼,把它們copy下來:




我們把剛剛搞到的代碼放到代碼放到“加貼編輯助手” http://docs.wenxuecity.com/tools/hyperadd.php裏麵看一下,預覽一下,就是如下效果。你可以看到播放器下麵的小廣告啊什麽的:



怎麽去掉小廣告呢?我們回到代碼看看,我們知道”br”是換行命令,找到br,那麽在它以後的東東都是垃圾,刪掉!下圖所示的藍色highlight部分刪掉。



最後的效果就是這樣的,同樣我把自動播放設置成關閉了,默認格式是自動開的:



它可以作為一個模塊嵌入你的帖子,最大的好處是,你可以隨意修改你的播放器和裏麵的歌曲,你的帖子代碼永遠不變,這一點是以上兩種方式作不到的。

請參考我的其他製貼講座:
石頭製貼講座之一(HTML基礎及模版一號)
石頭製貼講座之二(Flash定位及模版二號)
石頭製貼講座之三(邊框底圖和滾動圖片/字幕)
石頭製貼講座之四(閃字和水波紋的製作)
石頭製貼講座之五(會動的字)
[打印]