星光10強 mini mp3 播放器面版 @ § 鏡‧空間 §

鏡空間小公告，盼您遵守

Jul 27 Fri 2007 01:02
星光10強 mini mp3 播放器面版

星光同學會10強的迷你播放器面版終於全部完成（倒....）

在預告文中已經有做此版的簡略設計來源說明，

迷你版不會顯示所有歌曲的曲目，只會顯示目前播放的歌曲。

原因就請自己爬預告文中的說明吧！也就是我不回覆這個問題了...

先來個播放器面版的介紹圖，這次的官網不是前往超級星光大道了，

而是前往華研國際音樂的官網。

以下是10強的播放器面版截圖，選擇你要的面版，記住面版上的英文名字，

就是你需要下載的zip壓縮檔案名稱了。

從上面的面版圖中選擇你要的面版從下載BOX找出他們的英文暱稱檔案下載。

（你可以把自己喜歡的下載帶走，也可以做分享教學，

但 不可以 全部下載後再由自己的部落格提供下載，必須請朋友前往此下載，

也 不可以 整篇文章複製到自己的部落格上）

第一次使用播放器面版，不知道如何下載以及使用者，請參考此篇步驟教學。

知道如何使用的朋友，以下是套用的語法

★★★ 最後需要注意：

1. 不要將你自己的語法分享給其他人使用

因為你的語法裡含有音樂網址的曲目，這樣會不小心就造成散佈版權音樂的罪刑了

2. 想要將語法貼給鏡子幫你檢查問題時，請使用密語並且留下回覆的留言版網址或是mail，

我會把檢查後的結果回覆到你提供的通訊。（不使用即時或MSN）

另外，說實話，我很討厭必須登入才可以留言的留言版，

如果你的留言版是做這樣設定的，建議你留回覆的mail給我吧！

為我的文章會同時在Pixnet、天空、樂多與FC2都發表，所以所有的相關引伸閱讀如下：

A. 如何在Pixnet部落格首頁插入小插件

B. 如何在樂多日誌首頁插入小插件

C. 如何在天空網誌首頁插入小插件

D. 如何在FC2 Blog首頁插入小插件

E. 無名-資料夾-名稱裡輸入語法（有字數的限制）

F. 其他：請利用搜尋引擎尋找所使用之部落格小掛件插入教學

Bookmark:

Posted by prb999 at 痞客邦 PIXNET Comments(299) Trackback(1) Hits(23474)

Shorten Url

Recommend to Front page Forward by E-mail Forward to Guestbook

Global Category:Design
Personal Category:→ 我的設計
Previous post in this category: 迷你播放器面版使用圖文教學
Next post in this category: 黑白豬七夕系列小掛件

Posts on this date

2007: 迷你播放器面版使用圖文教學

▲top

Trackbacks (1)

#1 by 喵喵 ♡ 豬豬 ☞ 幸福版ㄦ╭★ ::PIXNET BLOG:: at 30 July, 2007 9:30
【玩意】星光10強 mini mp3 播放器面版
喜歡請至鏡姐的網誌(下載)延伸閱讀：【教學】如何在PIXNET部落格放置小物件小玩意提供：...

Comments (299)

Post Comment

#1 kirei_漾 on 2007/07/29 21:23
^^
好棒喔~~
謝謝鏡姊~~~~~
我收藏了^^
歡迎收藏^^
prb999replied on 2007/07/29 21:44

#2 Na on 2007/07/29 21:38
哇!
天啊 !
我好愛這次的面板 !
謝謝鏡姊的分享 !
這次他們經過專業攝影師拍攝出來的效果，全都變成俊男美女了。
尤其是宣榕在一堆男生中顯的非常的美啊～～
prb999replied on 2007/07/29 21:46

#3 翁 on 2007/07/29 23:14
請問鏡姊
我可以全部下載來自己收藏嗎
我不會供別人下載
純屬自己收藏
^^ 當然可以啊
因為我是發現有朋友直接全部搬回家還裝大方的讓朋友直接下載，也不說明東西的來歷，搞得好像他自己設計的一樣，才會做出這樣的『不可以』說明的
prb999replied on 2007/07/29 23:47

#4 Ｒ on 2007/07/30 07:20
︿︿
你好厲害喔！
這次的星光幫　我好喜歡
謝謝你　＞／／／／＜

#5 皮 on 2007/07/30 08:19
謝謝謝謝謝!

#6 Louise on 2007/07/30 09:35
鏡出品果然精美
美美美～
我下載使用囉！
謝謝你的巧思^^

#7 crazycrazyme on 2007/07/30 09:46
謝謝鏡子:)

#8 貓 on 2007/07/30 11:12
鏡子姐好棒唷>ˇ<!!!!

#9 薄荷 on 2007/07/30 11:29
鏡姐姐 `
辛苦尼惹 ` 喝杯茶芭 xD
撲 ` 這次的我豪愛 `
謝謝尼噢 ^^

#10 hebie on 2007/07/30 11:39
看到鏡姐的留言後我就放心很多啦，

還好我一直分享你的小掛件都是叫版友來你家下載，
因為始終都是鏡姐的心血啊，
每次我都要是下載後用作自己收藏的，
最主要是我不想在文章內放太多語法咧，

我是個乖孩子喔^^ 呵呵！

Private Comment

#12 cafe5417 on 2007/07/30 14:16
我已另存你的圖嗎？！

然後傳到自己的相簿

可以嗎？！

我都收藏起來囉ˇ

Private Comment

Private Comment

#15 pinklove520 on 2007/07/30 16:11
謝謝你的分享ㄛ
我拿走JUDY的噢

#16 薄荷 on 2007/07/30 16:12
鏡姐姐 `
不豪意思 `
請問一下 !!
這次的面板都是迷你的麻 ?

#17 果子狸 on 2007/07/30 16:31
耶~這次版面超棒的ˊˇˋ
我拿走小許啦^^
謝謝你ˇ

#18 金毛 on 2007/07/30 19:40
我拿走宗緯的MINI撥放面板，
謝謝你的提供，真的很好用...再次感謝

#19 琬蓉 on 2007/07/30 19:57
謝謝你ㄉ提供..
我哪走ㄌ..

Private Comment

#21 小a on 2007/07/30 22:57
謝謝喔XDD

打包2個回家唷

感恩XDD*

：］

#22 免 on 2007/07/30 23:21
３ｑ
謝謝．．．
我拿了宗緯和裕文的～～
你真的很厲害．．．
真的是太感謝你了～～
＾＾
謝謝你的分享唷！！

#23 唯 on 2007/07/31 10:15
帶走阿潘囉~哈哈
謝謝鏡子，辛苦了 :]

Private Comment

#25 豬 on 2007/07/31 14:48
星光幫面板
謝謝你製作那麼漂亮的面板供人使用
真的很開心:)

我拿走囉~ 謝謝!!

#26 綠 on 2007/07/31 15:32
很讚耶
謝謝分享噢 !!

#27 chin1218 on 2007/07/31 17:01
謝謝你唷
每次來你這裡會有不同的發現
真的很佩服你耶
謝謝你的分享喔
3Q

#28 joanmoon on 2007/07/31 19:16
3Q
妳做的好棒^^
我拿走了
謝謝妳^^

#29 小米 on 2007/07/31 19:31
ˊˇˋ
好喜歡!!!
謝謝你 > <

Private Comment

Private Comment

#32 動典@* on 2007/08/01 11:31
抱歉˙˙
真的爆好意思!!
我就是搞不懂『xml檔案網址// swf檔案網址』
xml檔案網址是什麼??
swf檔案網址又是什麼??
可以告訴我咩??
拜託!!
我只差這兩個東西˙˙
其他都Ok了!!
還有壓!!
一定要上傳到網路空間咩??
拜託交我啦~
謝謝
首先要先下載壓縮檔，壓縮檔下載到自己電腦後利用你電腦裡的解壓縮程式就會解出兩個檔案
一個是 xml檔，而另一個是swf檔
如果我們要在自己的部落格聽音樂，那這兩個檔案就必須是在網路上，所以使用者需要有自己的網路空間，將兩個檔案上傳到網路空間後，就可以找出『xml檔案網址// swf檔案網址』
不知道這樣的回覆朋友可以瞭解嗎？^^
如果還是不懂...
就請在問哪裡不懂好了^^"
prb999replied on 2007/08/02 15:36

#33 憨憨 on 2007/08/01 12:13
你好厲害ㄝ
崇拜！
我拿走囉！
真的很謝謝~

Private Comment

#35 韻 on 2007/08/01 17:02
拿走囉><超棒的!!
謝謝鏡子小姐分享這些好東西給我們唷^^

#36 Jenny.H on 2007/08/01 17:03
感謝
感謝分享!!
我拿走囉!!

#37 高高 on 2007/08/01 17:12
謝謝你的分享～
我拿走囉!!

#38 彤^^ on 2007/08/01 20:45
謝謝你的分享和教學
雖然花了點時候爬文
但終於成功了
謝謝!!!^^

#39 萍萍 on 2007/08/01 21:15
我可以問一下嗎
如果播放器要自動播放
不用再按它
那語法要多加什麼嗎

#40 毛毛♥ on 2007/08/02 00:32
哈囉~~~~
謝謝你的分享：）

我拿走宥嘉的囉

辛苦了！！！

#41 搗蛋 _+ on 2007/08/02 13:52
好厲害 [ ! ]
謝謝尼拉 > ˇ <

#42 Ivy on 2007/08/02 14:29
怎麼用在無名,無名哪裡有資料夾?
無名登入後，在妳頁面的側欄可以新增資料夾
prb999replied on 2007/08/02 15:34

#43 憨岑ˇ on 2007/08/02 16:25
不會 …
怎辦 ...
我看了 [ 動典 ]的問題 ,,
要怎麼上傳到網路空間 > < ?
大家都會 ˋ是不是我太笨了啊 ?
不是你笨啦，所有的事情都會有『第一次』的
沒接觸過當然不清楚了

你可以先參考這篇
http://blog.pixnet.net/prb999/post/6758080

若是網路空間上傳的問題可以參考這篇
http://blog.pixnet.net/prb999/post/5216587

希望可以協助你的疑問喔
prb999replied on 2007/08/02 17:04

#44 ken on 2007/08/02 22:01
請讓我拿走小許和小美的面板喔~
非常謝謝你!!!!面板超漂亮的ˇˇˇ

Private Comment

#46 阿嫻 _ on 2007/08/03 11:44
拿走小許的摟 (!)

#47 軒妞 * on 2007/08/03 11:45
拿走裕文的^^
謝摟

#48 zxc30906 on 2007/08/03 12:26
：）
拿走摟，很讚。

宗緯的拿走：）

#49 冬天 on 2007/08/03 14:13
鏡姐..

我拿走嚕!!!

謝謝ˇ

#50 瑩瑩 on 2007/08/03 18:12
好讚..
真是佩服的五體投地
謝謝你提供來給大家下載
還可以收藏..
謝謝..
到不盡的感謝=ˇ=

#51 羊羊 on 2007/08/03 18:50
問一個小問題
我已經弄到我的無名了

可是想要問一個小問題

可以弄成自動播放嗎??

謝謝分享~~感激不盡=)
你下载的xml 裡有附修改的語法與位置
prb999replied on 2007/08/04 11:41

#52 小飛 on 2007/08/03 19:48
我拿走了宥嘉的喔！！
謝謝你喔！

#53 戀雨 on 2007/08/03 20:23
真的好棒喔！
我拿走宥嘉的囉！
謝謝分享^^

Private Comment

#55 雲兒 on 2007/08/04 12:29
我拿走嚕~謝謝分享!

#56 紫水晶 on 2007/08/04 12:48
我拿走了
3Q
有問題再請教你ㄡ

#57 奶油 on 2007/08/04 15:32
謝謝^ˇ^
你真是棒了^^

Private Comment

Private Comment

#60 帆﹋ on 2007/08/05 12:16
請問...
超棒的．．．．
我把它放在無名，
但是為甚麼跑的很慢啊？？
可以幫我解答ㄇ
如果是音樂慢，那是音樂網址的關係，想排除這個問題建議將音樂檔案都上傳到自己的空間，就不用擔心需要跟許多人同時搶聽那首歌了
prb999replied on 2007/08/05 21:19

Private Comment

#62 芷芸 on 2007/08/05 18:15
抱歉唷！

我真的不會用！

要怎麼上傳用成＂xml檔案網址＂和＂swf檔案網址＂東西

我不會，可以幫我嗎？
這篇文章的下載Box下面有一段文字
『第一次使用播放器面版，不知道如何下載以及使用者，請參考此篇步驟教學。』
裡面就有針對第一次使用的朋友做說明與介紹
prb999replied on 2007/08/05 21:20

#63 動典@* on 2007/08/06 14:15
抱歉><
我還是想問!!
例如無名的網路空間是什麼??
在哪裡??
可以上傳到無名咩??
因為我不懂網路空間這個= =
對不起啦><
我笨我笨ˊˋ
網路空間無名有咩??
不好意思打擾你><
無名的相簿可以上傳mp3音樂
所以如果你會抓相簿中的mp3檔案網址就可以把音樂上傳到無名相簿

但是播放器跟曲目的檔案(swf+xml）就無法上傳到無名

你需要網路空間可以參考
http://blog.pixnet.net/prb999/post/5216587
文章後段的教學
prb999replied on 2007/08/06 14:27

#64 胖 * on 2007/08/06 14:55
^^
謝謝你 , 你好利害噢 ^^

#65 小捲 on 2007/08/06 19:34
謝謝你的分享
很感謝你
真棒

#66 j860082 on 2007/08/06 19:50
鏡姐謝謝
我超愛你的小玩意兒的
我用了維尼的公告欄
還有潘裕文的i say
跟潘王子的音樂播放面板
超愛你的東西的啦

#67 帆﹋ on 2007/08/06 21:49
請問．．．
那你說ㄉ＂自己的空間＂是甚麼ㄋ？？

#68 恬仔 on 2007/08/06 23:22
我很喜歡ˇˇ謝謝你ˇˇ

#69 skey42 on 2007/08/07 15:54
謝謝
拿走宥嘉的歐

#70 泡芙 on 2007/08/07 21:24
好棒噢　ˇ
拿走摟　‵

#71 動典@* on 2007/08/07 22:15
<embed FlashVars="playlist=http://ms60408.googlepages.com/kevin.swf"width="160"height="200"src="http://ms60408.googlepages.com/kevin.swf" wmode="transparent">

↑拜託幫我看看><
我覺得應該是可以了!!
可是又不太確定= =
幫我檢查一下˙˙
真的事很辛苦++很謝謝妳耶!!
對不起一直麻煩妳!!
抱歉1000000000*
嗨，動典＠*：
問題出在 FlashVars="playlist=後面的是要加xml檔案的網址，因為你加的是播放器的網址，所以會只出現面版，沒有音樂的問題。
找出你的xml網址套入應該就可以解決了^^
prb999replied on 2007/08/08 00:00

#72 動典@* on 2007/08/07 22:21
【補充一下問題】
而且一直沒有出現耶@@
怎麼會勒??
我的媽呀= ="
急得快哭了!!
@@...
請不要把這種小錯誤看得如此嚴重啦^^
放輕鬆的學習吧～
prb999replied on 2007/08/08 00:01

#73 0.0+??? on 2007/08/08 01:08
鏡姐阿...位啥我的一直沒出現東西!
是我用錯嗎... 可是我都造著步法做耶
永遠出現的都是
<embed FlashVars="playlist=mp3player.xml"width="160"height="200"src="yoga.swf" wmode="transparent">
怎會這樣~"~ ??????
(我快掛了啦 .... )
Hello，0.0+???:
你的兩個檔案都需要上傳到網路空間，這樣才會有網址
比方說正確的應該是
http://www.xxx.xxx/mp3player.xml以及http://www.xxx.xxx/xx.swf

如果不知道什麼是網路空間，請參考下面的教學
http://blog.pixnet.net/prb999/post/5216587
prb999replied on 2007/08/08 11:25

#74 動典@* on 2007/08/08 10:24
<embed FlashVars="http://ms60408.googlepages.com/mp3player.xml"width="160"height="200"src="http://ms60408.googlepages.com/kevin.swf" wmode="transparent">

↑是這樣的咩??
【http://ms60408.googlepages.com/mp3player.xml】
妳的意思是這個唷??
可是如果真的事這個網址˙˙
終於出現版面= =
可是卻沒有歌曲耶!!
(謝震廷好可愛)
哎呦˙˙
我太笨了辣><
對不起˙˙
是不是因為我才小6搞不懂˙˙
抱歉耶!!
我想大概快好了!!
只差零碎的小節扒!!?
嗨，動典@* ：
我想建議你，你已經學會將檔案上傳到網路空間了
那不妨將這些歌曲的檔案先下載到自己的電腦後，再上傳到你的網路空間
因為你找到的這些音樂所放置的位置都非常的不穩定，況且你還要擔心是不是檔案會被刪除，如果恰好你的地第一首歌檔案網址被刪除，或是剛好太多人在聽，這樣一來就會影響你聽歌的速度跟穩定性了喔
^_^
才小六就這麼有學習精神^^
我非常喜歡呢
prb999replied on 2007/08/08 11:31

#75 動典@* on 2007/08/08 10:33
哇@@
我的留言好多唷!!
真是對不起><
如果不介意得化˙˙
可以去看看我的無名?!
http://www.wretch.cc/blog/ms60408
沒有強迫唷!!
有時間在看也無所謂!!
希望我地音樂那些還有救><
謝謝妳耶!!

#76 羽 on 2007/08/08 11:35
謝謝你^^
這是我試播放器第一次成功

#77 may162018 on 2007/08/08 13:13
^ 0 ^
拿走囉︿　　︿！

#78 biss on 2007/08/08 14:29
因為每一個人的都很喜歡
所以我都打包帶走了
真的非常謝謝鏡大大
每次都分享這麼好的東西
這是您辛苦做的東西
我一定會註明來源的^^

#79 大米 on 2007/08/08 14:41
謝謝你的分享唷
我拿走宥嘉的
感恩感恩 ^^

#80 動典@* on 2007/08/08 15:06
那我想問!!
可是如果把歌全都上傳到網路空間!!
假如我有40手歌= =
那要傳到什麼時候呀??
對扒?!
我現在正在努力上傳!!
上傳好了以後該怎麼辦勒??
˙˙˙˙˙˙˙
ps.
謝謝你很有耐心聽我這個笨蛋訴苦˙˙
幫我解決問題
那當然要看你歌曲的檔案大小+你網路的上傳速度囉...
上傳好了之後，找出他們的檔案網址（可以直接再上傳完成的檔案上按右鍵複製捷徑，就可以貼到你的xml裡的mp3檔案網址上了）
加油吧
prb999replied on 2007/08/08 16:35

Private Comment

#82 帆﹋ on 2007/08/08 18:44
請問一個問題
請問一下．．．
你說ㄉ＂自己的空間＂是甚麼ㄋ？？
帆：
所謂的『自己的空間』我指的是自己的網路空間^_^
有很多網站都有『免費網路空間』讓人申請
我的教學文章中也有一篇是教朋友怎們申請Google的免費空間的
prb999replied on 2007/08/09 00:45

#83 皓星 on 2007/08/08 21:22
好看噎 !!

拿走peter的噢 !!

感恩 xD..

#84 動典@* on 2007/08/09 00:25
齁齁˙˙
鏡姊><:
我好想哭@@
上傳很多音樂˙˙
很慢˙˙
而且都失敗耶!!
怎麼辦拉??
該怎麼辦??
(碎碎念.....死腦筋)
甜甜圈也失敗˙˙
是為什麼呀??
哭] ]*
動典：

請問你檔案上傳前，檔名是中文還是英文呢？
如果檔名是中文很容易上傳不成功喔
所以建議先將檔名全換成英文或是數字，這樣再上傳比較不會變成亂碼或是失敗^_^

不知道這是不是你無法上傳的原因
prb999replied on 2007/08/09 00:43

#85 筱妹 on 2007/08/09 10:49
鏡姐呀!!
我怎都看的霧煞煞~
不知道怎麼用ˊˋ
你可以教教我嗎?
嗨，筱妹：

網頁上都有教學步驟，請說明哪一點不懂，我會再詳細的為妳解說^_^
prb999replied on 2007/08/09 14:45

Private Comment

#87 小雨 on 2007/08/09 11:31
我拿走囉!
可是有點看不懂耶
哈囉，小雨：

網頁上有步驟教學連結，可以前往參考看看，不懂的地方或次步驟請再提出來，我會另外幫妳做比較詳細的解說。
^_^
prb999replied on 2007/08/09 14:46

#88 天真的孩子^O^明珊 on 2007/08/09 14:42
呵呵

我第一次用可是我真的好喜歡星光幫

謝謝你有這麼漂亮的面板

我拿囉謝謝

#89 動典@* on 2007/08/09 15:48
<embed FlashVars="playlist=http://ms60408.googlepages.com/mp3player.xml"width="160"height="200"src="http://ms60408.googlepages.com/kevin.swf" wmode="transparent">

↑這樣勒??
虧了妳鏡姊!!
歌都上傳好了!!
可是又覺得怪怪的?!
幫我在刺檢查一下拉˙˙
謝謝唷xD
哥有出來˙˙
可是不能選˙˙
他只有一首歌!!
只能按上一首或下一首耶@@
怎麼會??

#90 喵咩ˇ on 2007/08/09 17:40
我可以拿走吼~"~
做ㄉ太厲害嚕ˇ

#91 動典@* on 2007/08/09 21:23
拜託鏡姊快回我拉><:
他不能聽耶!!
沒有聲音呀!!
所以我暫時還是用原本的= =
教我教我!!
拜託拜託!!
噗><
語法還是什麼有問題呀??
動典：
為什麼我覺得你已經在跺腳了咧...噗噗
你的播放器語法已經完全沒有問題了，現在有問題的大概都是你的mp3音樂檔案了。

上傳前先自己試聽過是不是都OK，
OK後要上傳前也要把音樂檔的檔名都改成英文或是數字，並且不要加任何的符號：如『-』『_』『.』等這些，除了副檔名前的.mp3可以有.之外，檔案名稱不要有.出現。

先不要一下子花太多時間上傳所有的歌啊，先上傳幾首、試聽看看效果如何，確定播放器都可以正常的播放這些歌時，我們再來慢慢加歌，不然你會瘋掉，然後又跑來我這裡跺腳...

堅強一點吧！不過是個音樂播放器，他怎麼能讓你失去理智呢？噗噗..
prb999replied on 2007/08/09 21:39

#92 帆﹋ on 2007/08/09 21:47
請問一個問題．．．
我放在無名，卻跑ㄉ很慢．．．
所以你ㄉ意思是叫我把每首歌都
上傳到＂自己的網路空間＂ㄇ？？
這樣是否會跑的更快呢？？
嗨，帆：
因為我沒有將音樂檔上傳過無名的經驗，所以不清楚是不是這樣跑得很慢，但我上傳到google page經過測試都很正常
你可以考慮試試看。
prb999replied on 2007/08/09 22:14

#93 １２３ on 2007/08/09 23:07
我拿ㄌ唷！

#94 傻蛋 on 2007/08/10 13:11
鏡姊!!
問一個問題
我的語法有錯嗎?
因為只有版面沒有音樂ㄝˇ
為什麼會這樣勒?!
謝謝你幫我解答唷^^
<embed FlashVars="playlist= http://lilyjecliy.angelfire.com/mp3player.xml "width="160"height="200"src=" http://lilyjecliy.angelfire.com/peter.swf " wmode="transparent">
嗨，傻蛋：
問題在於你XML檔裡面的mp3音樂網址
你所找到的這些音樂都是很不穩定的、或者是無法做外連的。
所以我建議你將這些音樂都下載上傳到自己的空間使用，並且上傳時不要以中文檔名上傳，一定都要以英文或數字檔名傳上空間，這樣才不會變成無法正常讀取的亂碼^^

另外還有一個建議：不太建議使用angelfire ^_^ 他的穩定性不太高，你可以參考我介紹的Google page試試，播放器檔、曲目檔以及mp3檔案都可以上傳
prb999replied on 2007/08/11 00:48