奇摩部落格放音樂方式詳解

2008060819:15
蒐集:部落音樂教學  2007/08/07 14:27

奇摩部落格放音樂方式可以以三種方式置入

第一種方式:網路流行音樂台

網路音樂台語法一:
<embed src="http://www.kiss.com.tw/blogradio" width="123" height="100"></embed>

hinet音樂台與法二:

<embed src="
http://myweb.hinet.net/home7/tod2501/FLASH/sky.swf" width="100" height="200"></embed>

第二種方式音樂盒多首音樂播放

音樂盒(播放器)語法:

<embed src="播放器swf檔的網址" width="設播放器寬度(這裡最好設125左右)" height="播放器高度" ></embed>

第三種方式製作單首音樂網頁內嵌部落格

音樂網頁置入部落格語法:

<p align="center"><embed src=" 做好的網頁網址 " width="122" height="45"></embed></p>

下面是如何放置部落格:

置入部落格方式

1.管理部洛格

2.按左側自定欄位

3.將語法貼在方形語法框中

如下圖

4.上面欄位標題名稱可以打上日期或隨意命名按儲存

5.按版型設定

6.調整好位置按確定

自定欄位上限五個

如下圖

其他如貼音樂盒或是部落格小裝飾品~~時鐘~影音等置入自定欄位方法一樣如上所述

音樂盒製作方式教學如下:

你要先將歌曲mp3全都上傳到網路空間取得網址

(如何取得網址請參考本部落格上傳網路空間取得網址教學)

http://tw.myblog.yahoo.com/lucy-2/article?mid=9&prev=11&next=8

另需下載音樂盒(播放器)mp3player.swf檔及編曲目的mp3player.xml

再把歌曲用mp3player.xml去編輯

然後將編輯曲目的xml及播放器swf兩個檔及mp3音樂上傳到網路空間且放在網路空間的同一個目錄下

將swf檔的網址填在下面語法中

<embed src="播放器swf檔的網址" width="設播放器寬度" height="播放器高度" ></embed>

編輯xml檔方式如下

下載回去的xml檔按右鍵~選擇開啟檔案~選用記事簿打開

 

會看見如下的一些英文


<?xml version="1.0" encoding="UTF-8"?>
<player showDisplay="yes" showPlaylist="yes" autoStart="yes">

 

<song path="你的音樂網址" title="打上歌曲的名稱 " />


xml檔內容範例如下:(要做程式設定在<playerc後面加上設定如下紅色字部分範例)

<?xml version="1.0" encoding="UTF-8" ?>
- <player showDisplay="yes" showPlaylist="yes" autoStart="no">
  <song path="http://kakui.cocolog-nifty.com/blog/files/groaryage.mp3" title="《光輝歲月》(粵)" />
  <song path="http://kakui.cocolog-nifty.com/blog/files/harukanaru_yume_ni_far_away.mp3" title="《遙遠的夢~-Far Away-》(日)" />
  <song path="http://kakui.cocolog-nifty.com/blog/files/reallyloveyou.mp3" title="《真的愛你》(粵)" />
  <song path="http://etings.cocolog-nifty.com/blog/files/whowithme.mp3" title="《誰伴我闖蕩》(粵)" />
  <song path="http://kakui.cocolog-nifty.com/blog/files/morningtrain.mp3" title="《早班火車》(粵)" />
  <song path="http://kakui.cocolog-nifty.com/blog/files/likeyou.mp3" title="《喜歡你》(粵)" />
  <song path="http://grm.cdn.hinet.net/xuite/0/b/9/c/13913009/blog_133987/dv/585218184.mp3" title="《再見理想 1991 live》(粵)" />
  <song path="http://kakui.cocolog-nifty.com/blog/files/dead_romancepart_i.mp3" title="《Dead Romance(Part I)》(演奏)" />
  <song path="http://kakui.cocolog-nifty.com/blog/files/dead_romancepart_ii.mp3" title="《Dead Romance(Part II)》(英)" />
  <song path="http://kakui.cocolog-nifty.com/blog/files/timegoesby.mp3" title="《歲月無聲》(粵)" />
  <song path="http://kakui.cocolog-nifty.com/blog/files/last_man_who_knows_you.mp3" title="《Last Man who knows you》(英)" />
  <song path="http://kakui.cocolog-nifty.com/blog/files/angry.mp3" title="《我是憤怒 》(粵)" />
  <song path="http://kakui.cocolog-nifty.com/blog/files/AMANI.mp3" title="《AMANI》(粵)" />
  <song path="http://kakui.cocolog-nifty.com/blog/files/grayroad.mp3" title="《灰色軌跡》(粵)" />
  <song path="http://kakui.cocolog-nifty.com/blog/files/askgod.mp3" title="《無語問蒼天》(粵)" />
  <song path="http://kakui.cocolog-nifty.com/blog/files/care.mp3" title="《關心永遠在》(國)" />
  <song path="http://kakui.cocolog-nifty.com/blog/files/leavemealone.mp3" title="《管我》(幗)" />
  <song path="http://kakui.cocolog-nifty.com/blog/files/monster.mp3" title="《困獸鬥 》(粵)" />
  <song path="http://kakui.cocolog-nifty.com/blog/files/slowly.mp3" title="《緩慢》(國)" />
  <song path="http://kakui.cocolog-nifty.com/blog/files/land.mp3" title="《大地》(國)" />
  <song path="http://kakui.cocolog-nifty.com/blog/files/bleive.mp3" title="《信則有》(粵)" />
  <song path="http://kakui.cocolog-nifty.com/blog/files/passdance.mp3" title="《昔日舞曲》(粵)" />
  <song path="http://kakui.cocolog-nifty.com/blog/files/party.mp3" title="《俾面派對》(粵)" />
  <song path="http://kakui.cocolog-nifty.com/blog/files/lover.mp3" title="《情人》(粵)" />
  <song path="http://etings.cocolog-nifty.com/blog/files/uknowme.mp3" title="《你知道我的迷惘》(國)" />
  <song path="http://etings.cocolog-nifty.com/blog/files/have.mp3" title="《曾經擁有》(國)" />
  <song path="http://grm.cdn.hinet.net/xuite/7/2/d/4/14749505/blog_270259/4569/5834569.mp3" title="《驚恐症》(粵)" />
  <song path="http://kakui.cocolog-nifty.com/blog/files/Myth.mp3" title="《Myth》(英)" />
  </player>


在每個<song path="...................


就是一首歌的語法看你要加幾首就打幾列向上面範例一樣如下圖解


mp3player.xml程式中下面的屬性你看需要與否可以加進去做更改


   autoStart="yes" →自動開始並依序播放
   autoStart="random" →自動開始並隨機播放
   autoStart= "no"→不自動播放
   showPlaylist="yes" →顯示曲目清單,"no" →不顯示曲目清單
   showDisplay="yes" →顯示控制列,"no" →不顯示控制列。

撥放器swf及xml檔取得可至加菲貓第一個家下載有許多樣式提供

音樂網頁製作方法如下

步驟:

1 . 先將音樂上傳到網路空間取得網址

2. 在製作成網頁存檔~存檔檔名只要用英文及可附檔名存成 htm 或html 都可例如存成wp.htm

將製作網頁的fontpage軟體打開開啟新檔~~按下方程式碼~~將裡面的原始碼刪除

將下面的語法貼上~存檔~~存檔存成如~wp.htm

語法:

 

<html>
<head><META HTTP-EQUIV="content-type" CONTENT="text/html; charset=big5">
 <title> </title>
</head>

         ↓

<body bgcolor="#FFFFFF" text="#000000">
<embed src="音樂網址" width="0" height="0"
autostart="true" loop="0"></embed>


</body>
</html>

語法說明:

autostart="true" →代表自動播放 如設成  "no" →不自動播放

loop="0"   →   重覆次數設定 設成 "0" 連續重覆

width="0" height="0"  是作成隱藏面板的背景音樂如需要顯示面板設成width=''125" height="45"

在自定欄位有限制寬度不要超過130~~這裡是作成網頁所以面板不需太高

因mp3的Windows Media Player在這裡螢幕會是全黑的沒有視覺效果所以把上面螢幕處隱藏

只顯示控制列面板高度設成45

如沒有製作網頁軟體也可以使用記事簿將上面語法貼在新開啟的未命名記事簿中

按左上檔案(F)~另存新檔→打上檔名 如wp.htm→選 所有檔案→按儲存就可存成網頁如下圖解

圖一

圖二