2007/01/04

(分享)(教學)如何在Blogger裡加入Flash mp3 播放器

你是不是也常看到其它Blogger裡有一個漂亮的Flash mp3播放器呢?過去大王也曾想過在Blog裡加上mp3播放器,不過一直沒有這樣玩,因為它得要把一些檔案放在自己的網路空間裡。此外,歌曲也必需存放在自己的空間裡。所以大王就沒有把它加到自己的Blog裡囉。不過這個Flashmp3Player已經發展到3.2版囉~可以透過xml來編輯自己的音樂清單,並且音樂曲目的連結可以用站外的檔案進行連結哦!這就又讓大王想在Blogger裡加上一個音樂播放器了,馬上來玩玩看囉^^。

step1.首先你必需下載這個Flashmp3播放器:[下載連結][作者Blog]

step2.打開playlist.xml開始編輯自己的播放清單囉~歌曲可以是在網路上的任何位置

2.jpg

歌曲的搜尋可以試試Tom.com音樂搜尋引擎囉~



step3.將mp3player.swf、ufo.js、playlist.xml,三個檔案上傳到自己的網頁空間。(ex.Yahoo、Hinet、Seednet...)
記得要將檔案的連結位置記下來囉,可以在檔名上按滑鼠右鍵複製捷徑。然後把它先存在你的記事本中囉~
三個檔案的位置都要記錄下來哦^^

1.jpg

step4.打開你blogger的樣版,把下面的語法加到<head></head>之間

<script type="text/javascript" src=" 在這中間把剛才上傳的ufo.js的網址貼上來,例如http://home.kimo.com.tw/kelvinwang1977/ufo.js"></script>

3.jpg

4.jpg

step5.接著把下面的語法加到<body></body>之間。

如果你用的也是blogger的空間,那麼就把它放在<!-- Begin #sidebar -->到</body>之前,找個喜歡的位置把它佈置進去囉。語法如下:

<embed FlashVars="file=在這中間把剛才上傳的playlist.xml的網址貼上來,例如http://homelf.kimo.com.tw/kelvinwang1977/playlist.xml&repeat=true&showdigits=false&displayheight=60&
lightcolor=0xcc0000&backcolor=0x000000&frontcolor=0xFFFFFF&autoscroll=true&autostart=true"
"width="160"height="210"
src="在這中間把剛才上傳的mp3player.swf的網址貼上來,例如http://homelf.kimo.com.tw/kelvinwang1977/mp3player.swf"type="application/x-shockwave-flash"></embed>

5.jpg

這樣就搞定囉~~試試看吧^^ 

10 則留言:

  1. 這樣會不會有侵權的問題...
    這是我一直很擔心的事情..

    回覆刪除
  2. 我覺得這個播放器本身是沒有問題的,但上傳歌曲的朋友就要小心點了。大王有串一些mp3是在TOM.com找的,應該都是可以合法試聽的。例如.周杰倫的歌曲中還有他對專輯的廣告。應該是ok的吧~~但如果是存心去散佈讓其它人下載非法的音樂那當然就直接地侵權囉^^

    回覆刪除
  3. 如果我是用新版的Blogger的範本話,要怎麼加?

    回覆刪除
  4. ^^其實自從大王分享了另一種懶人的做法之後,就不太建議用自己DIY的方式來加入Flashmp3player囉~因為又得要自己找個空間來放swf檔,還得要定期更新xml並且把它「上傳」到你的網頁空間裡。
    這樣是比較麻煩的,你可以試試看大王的另一篇推薦文章「(分享)(網站)在Blogger中加入flashmp3player懶人法!」,用人家網站的服務來完成這個功能的加入。
    這樣就「更簡單」了!!

    回覆刪除
  5. 哈哈 謝謝您了.不過經過一番研究後.已經成功了.
    主要是因為用Faslh也可做images,medias...etc 自主權會比較高.

    回覆刪除
  6. 恩~~是啦~~
    大王之前一開始也是這樣想的,所以也用DIY的方式做了一次。後來實在覺得很懶~每次更新了曲目後就要把修改過的XML檔再上傳一次,所以就改成「懶人法」來做囉^^

    回覆刪除
  7. 那麼別人也會看到我的PLAYER嗎?

    回覆刪除
  8. 如果你没有时间为您的所有业务。不要担心,有一个伟大的网站,这将有助于写作的文凭和其他抽象的作品。联系我们,你将有更多的自由时间。论文格式

    回覆刪除