[轉貼]Flash 音樂播放器 很帥~

轉貼至yuez

[quote][size=2][b]大版:[/b][/size]

[b]1. 播放器起始的模樣[/b]
[img]http://i56.photobucket.com/albums/g180/fmp123/1.jpg[/img]


[b]2. 播放清單隨滑鼠上下移動[/b]

[img]http://i56.photobucket.com/albums/g180/fmp123/2.jpg[/img]


[b]3. 按 "箭咀" 縮細 播放清單 及 [/b][b]播放[/b][b]內容[/b]
[img]http://i56.photobucket.com/albums/g180/fmp123/3.jpg[/img]


[b]4. 縮細後的模樣[/b]
[img]http://i56.photobucket.com/albums/g180/fmp123/4.jpg[/img]


[b]5. 按住 "一點點" 那處, 可以移動播放器[/b]
[img]http://i56.photobucket.com/albums/g180/fmp123/5.jpg[/img]





[size=2][b]小版: [/b][/size]

[img]http://i56.photobucket.com/albums/g180/fmp123/7.jpg[/img]



[size=2][b]範例:[/b][/size]

[b]大版:[/b]
[url=http://www.freewebtown.com/fmp123/mp3player_normal/mp3player.html]http://www.freewebtown.com/fmp123/mp3player_normal/mp3player.html[/url]

[b]細版:[/b]
[url=http://www.freewebtown.com/fmp123/mp3player_small/mp3player.html]http://www.freewebtown.com/fmp123/mp3player_small/mp3player.html[/url]
[/quote]

[size=5][b]教學:[/b][/size]


1. 下載 flash 音樂器壓縮檔

程式可在下面下載。


2. 解壓 壓縮檔

把(.zip) 解壓成一個新的資料夾, 例如叫 mp3player
這裡有 mp3player.swf, mp3player.fla, mp3player.xml, mp3player.html


為什麼我見不到 mp3player.xml或者所有有.xxx 的東西呢?
請先去我的電腦
之後按上面的  工具->資料夾選項 -> 檢視
不要好 tick "隱藏已知檔案類型"
按確定,就會見到了




3. 上載歌曲

之後就要上載 mp3
(注意: flash music player 只支援 .mp3)


一首歌曲檔案size通常很大
為了令人地快些聽到首歌
最好將 mp3歌曲 縮細它
建議使用 "音樂轉檔精靈 2005"
[url=http://holas.myweb.hinet.net/MediaConvert.rar]http://holas.myweb.hinet.net/MediaConvert.rar[/url]
下面見到有 128 bits
轉128做64
格式是mp3


當歌曲變小後,便把歌曲上載到網上空間
建議使用 freewebtown,因為上傳好快,有 2GB storage,2G bandwidth,最好是有 FTP
[url=www.freewebtown.com]www.freewebtown.com[/url]
申請完後 便 login
去 site admin 下的File Manager, 選upload files, 把 mp3 上載
如想使用 FTP上載, 佢send 俾你個email 會說的




4 . 修改 mp3player.xml

mp3player.xml 其實係一個播放清單
用 "記事本" 開啟


設定播放器

<player showDisplay="yes" showPlaylist="yes" autoStart="yes">

showDisplay 是設定播放器的上半部是伸展或是縮小,
"伸展" 就是有播放內容 ; "縮小" 就是隱藏它, 變成只有下半部播放清單
可改變的變數是yes或no

showPlaylist 是設定播放器的下半部是伸展或是縮小
"伸展" 就是有播放清單 ; "縮小" 就是隱藏它, 變成只有上半部播放內容
    可改變的變數是yes或no

要有齊兩樣, 就兩個都 set "yes"
要隱藏所有東西,只剩下一條播放器,就兩個都 set "no"

autoStart 是設定播放器是否 "自動播放" 和 "隨機播放"
"自動播放" set  "yes"
"手動播放" set  "no"
"隨機播放" set  "random"  (注意: 隨機播放是會自動開始播放的)


設定 播放清單

    <song path="[color=green]http://www.abc.com/abc.mp3[/color]" title="[color=Purple]歌神 - 油麻地[/color]" />

[color=green]綠色部份[/color]是 歌曲路徑
[color=Purple]紫色部份[/color]是 歌曲名稱




5. 上載 flash music player 音樂播放器

到一些如 hk.geocities.com/geocities.co.jp 網站,
例子:
到 hk.geocities.com 申請, 如有 yahoo.com.hk  Email 不用申請
之後選好它要你填的東西, 要去 hk.geocities 登入
上傳 用 ws_ftp 就方便很多了
[url=http://www.swcs.edu.hk/info/teaching/subject/comp/WS_FTPLE.EXE]http://www.swcs.edu.hk/info/teaching/subject/comp/WS_FTPLE.EXE[/url]

    host name: ftp.hk.geocities.com
    user id: 你個yahoo id
    password :你個 password
         
    確定後它會自己連線, 右邊是網上的東西, 左邊是自己電腦的東西,
    從左邊將成個 "mp3player" 資料夾拉到右邊
    等一陣它會有聲,說你上載完了

如無意外, 你去 hk.geocities.com   的 "檔案總管" 會見到你上載的東西
click  mp3player.html
就會見到個 flash music player了!




6.  如何放上 xanga?


code

<object type="application/x-shockwave-flash"
data="[color=Red]http://hk.geocities.com/abc/mp3player/mp3player.swf[/color]?playlist=[color=Blue]http://hk.geocities.com/abc/mp3player/mp3player.xml[/color]"
width="[color=Green]160[/color]" height="[color=Green]210[/color]" wmode="transparent">
<param name="movie"
value="[color=Red]http://hk.geocities.com/abc/mp3player/mp3player.swf[/color]?playlist=[color=Blue]http://hk.geocities.com/abc/mp3player/mp3player.xml[/color]" />
<param name="wmode" value="transparent" />
<embed src="[color=Red]http://hk.geocities.com/abc/mp3player/mp3player.swf[/color]"
menu="no" quality="high" width="[color=Green]160[/color]" height="[color=Green]210[/color]" name="index" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"
flashvars="playList=[color=Blue]http://hk.geocities.com/abc/mp3player/mp3player.xml[/color]"
wmode="transparent" border="0" />
</object>


[color=Red]紅色[/color]是 mp3player.swf 既位置
[color=Blue]藍色[/color]是 mp3player.xml 既位置
[color=Green]綠色[/color] 是大細
大的就是 280 同 280
細的就是 160 同 210
要自己轉

將這段 code 放在 header / interest/ expertise/ website stat
header 會顯示在上面
website stat 會顯示在下面
interest/expertise 會顯示在左/ 右
當然你可以自己整個 module

(interest 和 expertise  在 setup wizard 第二版)

大功告成！！！

[[i] 本帖最後由 火龍之混血兒 於 2007-7-8 19:02 編輯 [/i]]