網路城邦
上一篇 回創作列表 下一篇   字體:
【超秘技】Show Ur Style網誌與音樂的結合~part 1更新版
2005/10/09 16:33:19瀏覽13470|回應29|推薦58

拖了很久
一直沒有時間發表預告文章裡的文章
實在有點說不過去
所以
現在要先教大家如何在網誌首頁或文章中設定音樂的語法

大家要先建立一個觀念
要在網誌首頁或文章中設定音樂
該音樂檔必須是已經存放在網路上的音樂檔才可以
也就是說
如果你電腦中有某一首你很喜歡的音樂
而你想要將它作為你網誌首頁或文章的背景音樂時
必須先把那個音樂檔“上傳”至網路上
然後才可以把它設定為背景音樂

你一定馬上就會問:我怎麼把音樂上傳到網路上呢?
呵呵~不急不急
這一篇文章(part 1)是先教你基本觀念
等到part 2或part 3的時候我就會教大家怎麼把音樂上傳到網路上了~好嗎?

好了....教學正式開始
本教學共分三個部分
第一部份:哪裡有免費的背景音樂?
第二部份:如何設定網誌首頁有背景音樂?
第三部分:如何設定文章有背景音樂?


第一部分:哪裡有免費的背景音樂?        回簡介↑
這裡Vanc提供一個最為大家所知的網站
Midi音樂廳 Midi音樂廳
這個網站提供了很多很棒的音樂(包含許多不同類型的音樂)
找到一首你喜歡的音樂後
把那首音樂的網址先暫時複製起來
然後如果你是要在網誌首頁加入背景音樂
請參考第二部分的教學
如果你是要在文章中加入背景音樂
請參考第三部分的教學

第二部份:如何設定網誌首頁有背景音樂?     回簡介↑
請先進入自己網誌的『管理中心』(
然後選擇『網誌首頁管理』(
在首頁『看板編輯』的部分輸入以下語法字串
<embed src="背景音樂網址" width="300" height="45" autostart="true" loop="true" playcount="0">

上面語法說明:
背景音樂網址的部分請輸入剛剛在第一部份複製的音樂網址
width="300" height="45" 表示設定播放視窗的大小(註1)
autostart="true" 表示自動播放音樂
loop="true" 表示音樂會一直循環播放
playcount="0" 也表示音樂會一直循環播放
那為何要寫兩次重複播放呢?
因為如果只寫loop="true"而沒寫playcount="0"
在某些瀏覽器(ex. FireFox)無法重複播放
儲存之後再回到你的網誌首頁
就可以聽到音樂囉~

第三部分:如何設定文章有背景音樂?       回簡介↑
作法基本上也差不多
請先把你的文章輸入完之後
按下『切換HTML原始碼』的按鈕(如下圖)
請按下此按鈕
按下去之後,你就會看到你的文章變成了一堆HTML碼
沒關係....這很正常~
然後在這堆HTML碼的最後面(或最前面)輸入以下語法
<embed src="背景音樂網址" width="300" height="45" autostart="true" loop="true" playcount="0">
上面語法說明:
背景音樂網址的部分請輸入剛剛在第一部份複製的音樂網址
width="300" height="45" 表示設定播放視窗的大小(註1)
autostart="true" 表示自動播放音樂
loop="true" 表示音樂會一直循環播放
playcount="0" 也表示音樂會一直循環播放
那為何要寫兩次重複播放呢?
因為如果只寫loop="true"而沒寫playcount="0"
在某些瀏覽器(ex. FireFox)無法重複播放
輸入完語法並設定好背景音樂網址之後就直接發表了
千萬不要再按一次『切換HTML原始碼』的按鈕
否則可能會失敗哦~
接著就可以去文章中聽看看有無背景音樂啦~^^

好了~這次的教學先教到這裡
主要是要讓大家先有一個基本觀念知道要怎麼設定背景音樂
接下來會再陸續教大家更多、更實用的設定音樂方法教學
有問題可以發問哦~別客氣~


註1:
如果你不想要讓別人選擇是否播放音樂或是調整音量大小的話
請將語法改成
<embed src="背景音樂網址" width="0" height="0" autostart="true" loop="true" playcount="0">

註2:
看不太懂本篇教學的人
可以參考我答覆粉紅小豬的那篇回應
那篇回應中就有一個直接的範例哦

本教學範例:

( 休閒生活網路生活 )
回應 推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=vanc&aid=77836
 引用者清單(2)  
2007/03/04 13:42 【傾聽旋律,跟著我的節奏走】 如何在網誌貼背景音樂 2
2007/01/31 23:47 【翱翔天際】 如何加入音樂

 回應文章 頁/共 3 頁  回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁


等級:
留言加入好友
真棒~
2007/04/14 11:14
真棒~

聽風的歌
等級:6
留言加入好友
re: 拜託喔
2006/12/28 10:20
to Ψ 野貓小蠻Ψ

請再仔細看文章的第三段哦~
在第三段我有說這篇文章只是教基本觀念
要上傳檔案請參閱 網誌與音樂結合 part 3 那篇文章~嘻嘻~~


等級:
留言加入好友
拜託喔
2006/12/27 08:50
請問要怎樣把自己喜歡的mp3上傳到網上呢?都沒說明阿!


等級:
留言加入好友
感激涕零.........
2006/09/28 17:48
對老骨頭的我來說,能向你學到這招,一下子就年輕了我的生活,回家一定要在女兒面前好好show一下!!
Many thanks to you !!


等級:
留言加入好友
讚啦~
2006/01/05 14:07

對於新手的我來說

得到很大的啟示

回家之後.....呵呵馬上試看看

(還搞不清楚就這麼興奮...)


聽風的歌
等級:6
留言加入好友
更新說明
2006/01/05 01:02

本文於2006/01/05修改
1.將語法部分新增playcount的屬性
 解決FireFox瀏覽器中無法重複播放的問題

2.修正原先在語法說明中有錯誤的地方

3.將文章重新編排分為三大部分
 讓不熟悉的使用者比較能夠理解

          Vanc


聽風的歌
等級:6
留言加入好友
re: 哇~~你真棒
2005/12/28 11:46

to Taquila

不用客氣啦~很高興能幫得上忙~



等級:
留言加入好友
哇~~你真棒
2005/12/27 12:05

原來如此阿!!真謝謝你囉~你的教學讓很多人都學到了新東西--

尤其是像我這種笨蛋~~謝謝


聽風的歌
等級:6
留言加入好友
re: 謝謝囉~
2005/12/27 11:37
to Taquila:

文章能放幾張圖跟"等級"無關,
而是跟放圖的"方式"有關。

在文章中放圖片的方式有兩種:
第一種是用『插入圖片』的方式。
第二種是用『圖檔上傳』的方式(見下圖)。

兩種的優缺點是相對的,
第一種:『插入圖片』的方式
優點:(就是第二種的缺點)
 1.圖片數量無限制。
 2.圖片位置無限制,可自行調整圖片位置。
缺點:
 1.插入圖片的方式較麻煩(但習慣了就不覺得麻煩了^^)。
 2.圖片須先上傳至網路(通常都先放到個人相簿裡頭)。

第二種:『圖片上傳』的方式
優點:(就是第一種的缺點)
 1.方便(對一般使用者而言)。
 2.不會佔用個人相簿空間。
缺點:
 1.數量限制:三張。
 2.位置固定:第一張在文章最前面,二、三張在文章最後面。

取捨方法:
1.通常如果某張圖會在很多地方用到(例如一些網頁素材),
 就可以先上傳到個人相簿,
 再使用『插入圖片』的方式以方便重複利用;
 如果只會在某篇文章裡出現,用『圖片上傳』的方式即可。
2.如果圖片想放在文章中間,就必須用『插入圖片』的方式。
3.如果想放三張圖片以上,就只能用『插入圖片』的方式囉~^^



等級:
留言加入好友
謝謝囉~
2005/12/26 18:38

謝謝囉~

一直搞不懂別人的為什麼有音樂~

現在我的也有囉~謝謝..呵呵------

另請問我的文章只能放3張照片是因為等級的關係嗎?

並且怎樣才能為每張照片做說明呢??也是html的語法嗎?

頁/共 3 頁  回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁