NICOLE 的私人空間。有關空間設計、音樂、電影、閱讀、生活…
2005
一月
30

前二天鳳眼娃娃來問了我一個問題:「要如何在Blog裡面放音樂?」
由於三言二語無法回答,所以在這裡做個超簡單的教學,希望對於想放音樂在Blog的Blogger有所小幫助。

步驟一、
首先,準備要用的音樂檔案。大部份的音樂,由於到處抓抓就一堆MP3的關係,所以只要把檔案格式為.mp3的音樂上傳到網頁空間就可以了。若你的音樂是正版購買的CD(再次鼓勵大家,多多支持正版音樂萬萬歲! ),那就要多下面一個步驟了。

步驟二、
首先下載音樂轉檔的工具,軟體名稱為Easy CD Ripper,是一套用來將音樂CD轉換成MP3、WAV、WMA、WQF、OGG、APE等格式的工具軟體,轉換速度非常的快而且操作也很容易,到這裡下載,下載完先成功安裝。(安裝步驟略過,只要採取傻瓜安裝法。中文安裝的話,一直按下一步即完成;英文安裝的話,一直按Next即完成。)
開啟Easy CD Ripper,由於是中文介面,所以很簡單操作。操作方法如下圖:

步驟三、
將網路抓的.mp3檔或是轉檔後的.wma檔上傳至網路空間。(可用pchome的免費網路空間,不過一次上傳的檔案限制2MB以下;奇摩的網路空間則不支援串流媒體播放,所以不可用。我自已是用學校的網頁空間,我想現在找空間還挺容易的,所以自已想辦法啦!不要來跟我要哦!

步驟四、
把以下的原始碼貼到你的Blog中,以樂多為例。只要新增插入工具,追加自由欄位貼入語法即可。

<embed src="http://www.xxx.com/xxx.wma" quality = high width=165 height=27 nojava=true controls=ControlPanel console=one autostart="true" loop="true"></embed>

(記得將上面的全型<改為半型< )
1. 把上面語法中的網址改為你放音樂檔案的網址。
2. width 和 height 則是你要顯示播放工具列的大小,可隨意更改。
3. autostart 則是要不要讓音樂自動播放,不要的話可改為 false。

以上。如果一切順利的話,從此你的Blog將會被好聽的音樂聲所包圍 。希望我的小小教學,對鳳眼娃娃以及有需要的你有所幫助。

P.S. 鳳眼娃娃問的Nylas的這張專輯 ,只有在全省的法雅客有賣。碰運氣應該還買的到哦!




You can leave a response, or trackback from your own site. RSS 2.0

34 Responses to “如何在Blog裡播放音樂”

  1. 1
    Rinslet Says:

    那請問一下,是否就把音樂檔案上傳至樂多的網頁空間就好了?
    p.s.你的部落格好漂亮喔!真是喜歡!

  2. 2
    Nicole Says:

    Dear Rinslet:
    謝謝你喜歡我家哦~
    至於你問音樂傳檔的部份
    因為之前在樂多我只上傳過圖片
    音樂檔沒上傳過耶
    我想應該是不行哦 

  3. 3
    小金魚 Says:

    看到你這篇教學對我真的太有幫助了

    可是我下載到的檔案是英文的耶~

    找不到中文化~~

  4. 4
    小金魚 Says:

    我又來了~~
    我照你的語法把音樂檔擺上去

    可是出了一個問題

    就是啊~

    我的音樂只出現了三秒鐘的樣子~~

    我自己也不知道哪出問題耶~~

  5. 5
    Nicole Says:

    Dear 小金魚:
    我想應該是你放音樂檔的空間有問題
    否則就是你轉檔沒轉好
    詳細的問題可能要測試之後才知道
    看你要不要直接把你轉好的wma檔寄給我
    我試著放我的空間試試 

  6. 6
    小金魚 Says:

    信寄嚕~~

  7. 7
    Nicole Says:

    Dear 小金魚:
    設定成功了~
    恭喜你哦! 

  8. 8
    外星人 Says:

    妮可,
    想請問你有把錄音帶轉成數位檔過嗎?
    我在網路上查到用audacity可轉檔還可編輯,
    但是轉完檔案有77MB耶,真素嚇史偶了,
    更別提轉mp3了,全變成雜訊去了!!
    而且,好想要radio.blog喔,弄不好,嗚嗚嗚…

    對了,我的電腦看你的單篇文章時,
    右邊欄會被擠掉耶,跑到下面…

  9. 9
    Nicole Says:

    Dear 外星人:
    沒耶! 我沒把錄音帶轉成數位檔過~ 
    radio.blog設定不會很難的
    只是需要一個支援.php的空間最重要哦!
    你說我的單篇文章右邊欄會被擠到下面…
    是每一篇都這樣嗎?你是用什麼瀏覽器看的? 

  10. 10
    外星人 Says:

    用IE瀏覽器看會跑掉,火狐就不會。

    換成不需要php空間的radio.blog版本以後,
    外星人終於出運了,有音樂可聽了,
    錄音帶是實況錄音,很想放上去說~

  11. 11
    Nicole Says:

    Dear 外星人:
    是哦 可是我的IE瀏覽器看就蠻正常的
    找機會看看別台電腦好了! 
    你換音樂了 馬上來去聽~

  12. 12
    草莓 Says:

    dear 妮可..

    請問除了pchome
    還有什麼空間可以放音樂呢?
    我試過hinet了
    好像不行耶…

    還有阿
    上傳完的音樂網址
    是不是右鍵按內容的那個網址呢?

    謝謝妳^^

  13. 13
    Nicole Says:

    Dear 草莓:
    目前的免費空間我只知道pchome可以放音樂而已哦~
    至於音樂網址是右鍵內容的那個網址沒錯! 

  14. 14
    eathan Says:

    成功了~真的很感謝~不過我的辦法是找一個可提供下載mid檔的網站,就不用苦惱上傳空間的問題了~
    但是想再請問一下~可能使用輪播功能嗎??因為都一直只有一首歌~希望能可以提供使用者換歌的功能及如何顯示歌曲名稱啊€???

    謝謝妳~~對了~韓國之旅~很不錯~~加油~

  15. 15
    Nicole Says:

    Dear eathan:
    這個方法只能播單首歌哦~ 沒辦法輪播
    也謝謝你喜歡我的韓國之旅! 

  16. 16
    eathan Says:

    今天又試了一下~上傳一個wma檔當Yahoo!公事包~可以用喔~~
    我先開一個資料夾選"公開"然後將檔案上傳後確定可以使用€~
    希望能提供給找不到網路空間的人使用…雖然只有30MB~

  17. 17
    Nicole Says:

    Dear eathan:
    哇! 可以這樣用哦~
    我有空也要來試試看 

  18. 18
    喵資爸 Says:

    我也參考了一下妳的文章
    寫得真詳細
    過幾天研究一下妳的RADO.BLOG
    我在想說可不可以做成那樣子的播放介面

    分享一下我的經驗
    目前免費網頁不太支持mp3檔案
    所以要把檔案轉成wma才可以連接音樂
    這樣子放HINET的免費空間就可以了

  19. 19
    Nicole Says:

    Dear 喵資爸:
    讚! 免費空間愈用愈好用~ 

  20. 20
    littlea Says:

    想請問一下radio.blog我下載了2.4版,可是照著他的使用文件,編輯了config.xml,介面顏色沒變,大小也沒縮小到像妳的版面上那樣精簡,再來是playlist沒有文件說要怎麼設定,已經轉好rbs,也上傳到網頁空間了,這份說明文件真的是相當簡單

  21. 21
    Nicole Says:

    Dear littlea:
    哇! radio.blog已經到2.4版囉?!
    那我得找時間下載來試試~

  22. 22
    02 Says:

    只有圖出現 音樂卻ㄅ能聽
    到底是怎ㄇ回事??
    救救我!!

  23. 23
    Nicole Says:

    Dear 02:
    你的問題太籠統了 不懂?! 

  24. 24
    02 Says:

    就是我的BLOG裡面只有出現播放和停止的按鈕
    但是都沒有音樂
    我貼得原始碼不是你家的
    但是我是照你上面把音樂轉檔的
    所以 到底是問題出在哪裡 幫我解答八!!
    拜託囉!!

  25. 25
    Nicole Says:

    Dear 02:
    天啊 難倒我了~
    這段的語法我沒用過
    所以我也不知道問題出在那?
    不過唯一可以確定出問題的是
    奇摩的網路空間是不支援串流媒體播放的
    這個我在這篇文章裡面也有提到呀
    暈~(你沒看清楚我的文章嗎?) 

  26. 26
    nick Says:

    請問一下 <embed src="http://www.xxx.com/xxx.wma" quality = high width=165 height=27 nojava=true controls=ControlPanel console=one autostart="true" loop="true"></embed>這一段語法要貼在哪邊?

    是在自己BLOG裡面一大篇語法裡面的哪邊?

  27. 27
    Nicole Says:

    Dear nick:
    我不知道你的部落格是什麼平台
    所以也無法跟你說要貼到那裡哦~ 

  28. 28
    ︴喬∥ Says:

    請問,,

    傳到pchome的免費網頁空間,,

    是要傳到空間裡面的哪裡呢?

    我還是搞不太懂~"~

  29. 29
    Nicole Says:

    Dear 喬:
    首先要先去註冊一個pchome網頁空間的帳號
    然後裡面有一些教學教你如何上傳網頁檔案等等
    如果你不知道怎麼上傳的話
    這裡是pchome的教學→ 如何上傳網頁?

  30. 30
    SOUKEIYU Says:

    上面那个网站打不开,我又找不到一些免费的网页空间,有一些是英文看不懂不会申请,有没有其他的好地方推荐!~
    请帮帮我们吧~!

  31. 31
    Nicole Says:

    Dear SOUKEIYU:
    轉檔的軟體到這裡下載→ http://www.8to32.com/download.htm
    網頁空間到這裡申請→ http://home.pchome.com.tw/
    這些連結都沒有失效呀!
    至於其它的網頁空間推薦
    建議你到Google打"免費網頁空間"搜尋 有一堆呢~

  32. 32
    jazzie Says:

    請問無名可以用嗎

  33. 33
    Nicole Says:

    Dear jazzie:
    你可以試著把語法貼上看看~
    因為無名免費版本會有語法字數限制

  34. 34
    Says:

    你好,我还是不懂如何做。。
    还有你如何将自己家的标题弄大的? 好美哦。
    继续~

Leave a Reply