分類
我的作品˙My Project 教學˙Teach & Learn

[教學] MP3@Blog. 小更新 大享受


期末大爆炸之下的產物.


支援MP3格式, 使用方法與Media@Blog之前的用法都一樣.
基本上MP3@Blog的使用方法比Photo的或是Movie的都要更簡單,
因此懶惰鬼的話應該是不用看說明就會用了.
要看教學的話請到[教學] 如何用Media@Blog快速在部落格中插入複數圖片與影片瞧瞧. 不過MP3@Blog的還沒補上, 大家就先以此類推吧.
原始碼產生器v6_plus (exe) – Click Here!
設定文件範例setting.txt – Click Here!按右鍵另存新檔
設定文件的使用方式概述:
–pic_w 以及 pic_h是照片大小, 請維持4:3的比例.
–pic_site 是圖片預設的路徑.
— movie_site 是FLV影片預設路徑.
— mp3_site 是MP3音樂預設路徑.
*進階使用者, 或是有自己SERVER的人, 可以下載SWF檔回去, 唯需修改Media@Blog所產生之HTML檔, 把SWF檔位址指向您SERVER所在路徑. 這裡便不詳述了.
請至以下連結處下載:
MP3@Blog – SWF檔

作者: dAb

葛如鈞。1981年生於臺北,台灣大學資工博士,奇點大學見證者,前瞻科技傳教士,現任職於台北科技大學互動設計系 專任助理教授。

在〈[教學] MP3@Blog. 小更新 大享受〉中有 118 則留言

to Dear All
首先 感謝大家的踴躍回應@_@ (受寵若驚的表情)
原來新的東西要普及還真是不容易啊
原本以為FLV這個好東西應該過一段時間就會被廣為使用
所以我先做了Movie@Blog
沒想到MP3@Blog才是大家想要的東西嘛
幹嘛不早講呢? (笑)
Macromedia趕快好好的給我推廣FLV吧. (會不會是因為FLV比MP3難唸的關係啊…)
MP3@Blog是初回的試作品
我在想說是不是要加入歌手團名或是歌曲名稱之類的訊息展示
或是加個自訂封面圖片也不錯
還是單純的 乖乖的播放MP3就好了呢?
大家可以給點意見囉!

哎呀要是可\”加入歌手團名或是歌曲名稱之類的訊息展示\”
這類訊息應該是像我ㄧ般\”假會”多手多腳的人才想要.
但可以實現這樣的仙女棒嗎?!
我下午試了一下,似乎大寶的意思是說把顯示的原始碼
貼上去blog就好,但不知道到底是我學校空間不穩定
還是怎樣,而且因為是要連到htdocs下,但是網址上又不用打出那串”糕怪\”(台)的東西,然後我就弄不好了。
生氣一下就看到凱洛在他家說弄不好了,不知道我們
是跌倒在哪裡,所以來問應該不需要將mp3轉檔之類的吧。
那我就不知道我哪邊錯手了呀呀呀。
也許等大寶忙完期末考以後我們再來敲門比較好。
大寶要好好用功準備考試呀,雖然說我了解哪種會來blog
看留言的心情(賊笑)

推測原因:
大寶你的程式沒改好 :p
MP3@blog 所產生的原始碼和Movie@blog 變成是一樣的
load_movie_flashcom.swf 應該是 load_mp3.swf
&movie= 應該是 &mp3=
手動改良後以上兩個地方即可使用

to husuyo
高手高手高高手
原來是我被期末報告炸到頭昏
傳了舊的檔案上去
這個問題最後我改掉了 結果沒有傳上去…=__=
現在已經更正
哪位志士仁人願意試試的?

親愛的大寶,
可以了耶。喔耶。
要是可以加些有的沒的介紹blah blah就更加的完美了啦!
討厭的hsuyo剛才搶先一部在他家弄出了我想要的樣子~
討厭啦,好沒有快感喔!!!!

to All
是Club8的歌沒有錯 這個團體的歌聽了真的會很舒服喔
我前幾天在拼論文的時候都是靠他們的歌聲度過的
不過… 他們也是有一些比較”特別\”的創作 蠻多樣化的
我是都蠻喜歡
to feiliao & All
我後來才發現其實還蠻多伺服器會擋MP3的
像我在Hinet的免費空間就是…
Flash Player本身好像就只支援FLV跟MP3
真是可惜了 我也不知道要用什麼辦法來解決…

to leave
很抱歉, 無名相簿裡面的相片不能用
因為圖片一傳上去就會被系統更改檔名
而且似乎沒有辦法得出它更改檔名的規則, 所以就算我想要改程式去配合
也沒有辦法.
建議你去申請免費架站空間.

to 証
恭喜你成功用在無名BLOG
如果會怪怪的, 其實可能是我學校放置MP3@BLOG主程式的空間不穩的關係
等我寒假有空一定會找時間把SERVER升級到Win2003server
希望這樣子我的網站以及Media@Blog都能夠穩定一點
to axiang
祥哥! 目前Flash的作法都是在Flash製作時把你提到的這些檔案格式匯入
匯入以後, 通通會被轉成FLV的Flash Video格式
如果真的要用Flash播這些格式的影片或音樂, 都一定要先轉成FLV才行 (用Riva Encoder)
不然的話就用內嵌MediaPlaye播放器吧!
只是因為MediaPlaye播放器實在是太醜了, 所以我一直不想去用
QuickTime Player長的比較細緻, 不過也比較剛硬
也不像Flash一樣每一台電腦都有
所以我才會轉戰Flash這邊

to ALL
如你們所看到的, 我花了少少的時間又小小的更新了一下
加入了MP3 Tag的偵測與顯示
如果你的MP3在Media Player之類的播放器播放時會顯示曲名跟歌手的話
在MP3@BLOG上面也會顯示喔!
不用自己動手去設定, 不過缺點是如果MP3檔案某些Tag資料是空白的,
那麼 就會顯示Unknown
接下來可能會在Code Gen那邊加入資料的填寫欄位
還有正在思考要把專輯圖片放在哪個位置…
目前是想放在右邊喇…

Great!
不過我暫時把它撤了下來
因為連用了兩個日本免費空間,好像都不允許擺放 MP3
不到一天的時間,帳號就被刪除了 (淚)
等找到合適的地方放置
再擺上吧!

hsuyo,
我說那就用學校空間善加利用放mp3呀,我記得你們有100mb耶,幸福死了,或者用我現在的radio@blog是轉rbs檔,就不會擋吧,日本空間幾乎很少讓人放mp3的(如果沒倒的話),另外,快去凱洛家串聯tw music blog拉,是說你怎可以缺席呀,大爺!

非常感謝教學噢耶
真的,雖然我沒有啥米mp3可以放
但是影音部分真的很受用
可以整理一些東西
我一般轉檔都是直接讀入flash
然後轉成swf再用套件
可是有這個之後
速度變的挺快
真的很感謝
呵呵
再次說,感謝分享

to ricoh
好像是可以吧, 樓上有人說他成功用在無名了.
我想你失敗的原因可能是你放MP3的空間會擋MP3喔!
如果是其他問題的話請在告知囉^^

今天才發現讀取MP3歌曲資訊的功能是寫好了
不過 程式裡面忘記把測試用的部分移掉…
所以所有的歌曲都只會顯示演唱者是club8喇…..XD
等我週二度過水深火熱的預官考試以後就馬上回去改…

to hsuyo
基本上是不行, 因為程式裡面都寫好了來源是.mp3
如果要用.flv當做音樂的話要選用Movie@Blog
這樣才會播放出來
不過畫面上方原本是電影的地方就會是灰灰的
其實如果加一點點小程式的話, 應該就能在上面放CD封面圖片了
當然, 要多做一個長的像MP3@Blog那樣, 但是播放來源是Flv的話, 很簡單.
只是這樣我就不知道要怎麼界定它了.
要叫做 FlvMusic@Blog嗎? 也太長了吧 XD
只是我很懷疑到底有多少人懂得怎麼把MP3轉成FLV
很好奇你是怎麼轉的…
我是用Sorenson Squeeze這套官方推薦的軟體, 相當強力
to Wing仔
沒錯. 我是等到全部都做好了, 才發現MP3有空間難尋的問題
好像很多網路空間都不能放MP3
真可惜

大寶
問一下ㄜ
你說mp3的設定方法依此類推
是說用media blog那個產生原始碼就好的意思嗎
那我Flv那裡要寫啥
還是mp3也要下載那個Flv

這是我看過最漂亮的media player。
我已經先斬後奏拿去用了,不過我有註明出處喔。
我要說的是,
『大寶,雖然我不認識你,但是我謝謝你。』

to didida
如果要放MP3的話, 在原始碼產生器一開始要選擇MP3@Blog的選項
如果沒有這個選項的話, 表示你下載到舊版的囉!
to Shu Yu
感謝感謝
這個媒體播放器的介面基本上是Flash內建的樣式
我並沒有去做太大的更動
只是我也覺得很好看, 所以就以它為主要的介面來呈現

從凱洛那兒
知道原來還有這麼厲害的Blogger
所以也努力學習成長求進步
謝謝你的Media@Blog教學
還有,很喜歡這裡
所以在我的連結裡也加入你的格子
:)

to yrchen
會嗎? 我自己測試是可以耶. 不過變數名稱是
pic_site 是圖片預設的路徑.
movie_site 是FLV影片預設路徑.
會不會是您的setting.txt是舊的呢?

您好^^,無意間連結到這裡,
意外發現這個播放器,也應用到自己的Blog上。
謝謝站長share出這麼方便又好用的播放器;
大大感謝^Q^…
p.s 我有註明出處:p

to aikotsai
原因 是因為我的主機Server有時候會因為負擔過重, 網路服務會突然停掉…
通常只要我發現了, 就會馬上進行修復…
當然 還有另一個可能, 就是偉大的元智大學又跳電了orz

親愛的大寶學長,我把mp3放在淡江的ftp上,連結是正確的,但是為什麼放到ROODO的部落格上,player卻播不出來!?之前用過照片都可以哩,為什麼mp3不行哩!?

您好,請問一下我用\””的方式把mp3放在我的blog可以聽,為什麼用mp3@blog的語法就沒法撥方呢?(我mp3的聯結是http://www.freewebtown.com/karengw/mp3/Boom%20Boom%20Ba.mp3~謝謝你抽空幫忙解決問題!

to 哀達的同學
ROODO可以用Photo@Blog喔? 我以為不行耶
MP3放不出來的話… 我想可能是因為淡江FTP會擋MP3吧
試試看把MP3放在別的空間看看吧
to Karen
你的檔案名稱應該是Boom Boom Ba.mp3
試試看把空格的地方改成底線Boom_Boom_Ba.mp3 這樣
然後在MP3@Blog的欄位那邊不要填錯了喔
路徑的話 就填http://www.freewebtown.com/karengw/mp3/
檔案名稱 就填 Boom_Boom_Ba
後面的.mp3不要填進去唷

我是剛入門的高中生,無意間發現了你的mp3@Blog
可是我一直搞不懂怎麼把音樂放進網頁裡…
Q:「MP3的連結路徑」是要寫網址嗎?

to karen
我不知道為什麼會出現undefined耶
比較有可能的是那個MP3檔案本身不包含歌曲資訊
MP3@Blog會自己去讀MP3檔裡面附加的歌手 歌名 等資訊
目前不支援使用者自行輸入
MP3@Blog顧名思義, 只支援MP3檔案
WMA不行 抱歉喔~
to 小哈比
A:「MP3的連結路徑」是寫檔案連結位址的前半段
比如說->http://www.dab.idv.tw/mp3/my_mp3.mp3
「MP3的連結路徑」 就是 http://www.dab.idv.tw/mp3/
這樣瞭解嗎?

你好~
無意間逛到這來,結果沒想到真的挖到大寶了,
呵,介面簡單又操作方便,真好︿︿,
先斬後奏的也在我的BLOG上先放了,
我會趕快去把這麼棒的東西推薦給朋友們的,
再次感謝!︿︿

請問寶哥,前陣子我成功引進Media@blog在我的blog網站上播放照片,也的確測試成功。但是過了兩天,在沒有任何更動的情況下,用media@blog的post,竟然不會出現播放照片的內嵌物件。
而我是放在某個Web hosting的空間裡頭,將Flash SWF檔案copy到自己的空間中來執行。
請問有什麼可能性會造成這樣的結果?

To dab:
你好,昨天試著使用的結果,在FireFox下瀏覽都很正常,只是到了IE底下後,就完全不會顯示了,不過您網站上的又沒有問題,真怪異!

To dab:
很抱歉,又打擾您了!
在IE上的顯示問題暫時獲得解決了!雖不滿意,但還可接受!我在猜想問題應該不是出在pLog上,而是WYSIWYG這怪胎!
我解決的方法是用IE瀏覽器去貼文,以原始碼方式貼文後,不切回WYSIWYG畫面直接送出,就可以成功在IE下瀏覽了!
當然,要使用…的語法
謝謝你提供這麼好的軟體,祝:萬安!

謝謝啦,真可愛的工具。但是,在Mozilla裡完全看不到,只在IE.顯示才是正常的。我試著用code_gen_v6_embed.exe,還是不行,很奇怪耶。

真的是好棒的東西阿,真的讓我嘆為觀止!
一直流連在這裡,真的謝謝你的無私,
將這樣好的東西分享給大家,好感動喔!
我相信台灣的設計界一定會越來越進步的,
我也要下載來玩玩看!
我是用PHOTO那個的,把它貼在無名之後,
編碼連帶都跑出來了呢,不知道有沒有辦法解決呢?

剛剛下載來用看看,已經成功的把影片放在部落格上了,真的很高興有這麼方便的軟體,太感謝你啦!Orz

to V
自動播放, 有想過但沒有考慮過. 因為我不喜歡一個網站一進去就聽到音樂. 如果是超級重金屬搖滾樂然後有人不小心喇叭開太大聲, 又剛好是在上班時間的話…
循環播放這個功能沒想過, 不過是個好點子. 我會考慮進去. 加入我那無限延期的Media@Blog改版計畫中…

to Robbin
感謝您精闢的見解跟讚美
dAb會繼續努力下去
話說回來, 我只不過比較喜歡dAblog所紀錄的我的過去
程式啊 網站美術啊什麼的 其實跟別的大大比起來 還算小ㄎㄚ喇

to bias
to slight
感謝兩位的使用啊
bias提的兩項意見都非常不錯, 如果真的有改版機會的話 應該會加進去吧
請繼續多多愛用吧
總有一天
某個變化劇烈 石破天驚的大改版一定會出現的

謝謝你提供這麼好的東西
不過我有個需求 ,
那就是將photo@blog, 改良多加一個load音訊檔, 讓每張圖片對映一段音樂(音效語音),當然還有撥放鍵.
這樣差不多就可做為最簡便的圖片語音教學了. 真的很期望站長改良釋出嘉惠大家, 感恩 !感恩 !

取用了,謝謝您寫的好東西^^
如果下次能做多首連播的,就更好啦,我朋友很需要放多張圖片的,正好可以告訴他來這裏拿~~~~
好棒好好用哦~~~~讀取網頁速度都不會慢了!!

to laocung
你的idea真的非常好
讓我驚嚇了一下
這樣的東西的確好像還沒在Blog圈裡面出現過…
下回有機會改版的話
應該就會列入考慮
不過, 話說回來, 無名小站現在也可以上傳影片跟音樂了
大家應該可以試試看.
to 取走了
現在大家都流行暱稱也是留言的一部分嗎?
我一直懷疑除了我以外, 到底還有誰會想要一次放多張圖片的工具
不過照你所說 應該再怎麼樣除了我 也還有妳朋友一位就是了XD
你的感覺真敏銳
用Media Player內嵌播放音樂, 好像會比較耗系統資源
跑起來真的會比較慢
不知道是我的錯覺還是實際上就是這樣?

感謝版主的教學!關於MP3@Blog有辦法讓演唱者、曲名、專輯
等顯示的是mp3裡所設定的歌手、曲名語專輯名嗎?
我在mp3裡不管做作任何編輯,演唱者、曲名、專輯為何都是顯
示undefined!
如果要作手動修改,該在哪邊做修改?

to Van
更正! 我發覺好像是因為Flash Player版本升級的關係, 舊的程式可能就爆炸了. 沒有辦法Show出MP3上面夾帶的資料. 這個部份可能等哪天我心血來潮了才有可能修正… 😛 歹勢拉~

大大你好
因為我之前在youtube 下載動畫
現在動畫主人砍掉了
我想要放到我的部落格給網友
所以 舊在知識+ 在尋找 flv語法 而來到這裡
看到了這個mp3播放器
我在此提出幾個問題 敬請見諒
我弄出來的語法 並沒有像大大依樣 顯示 演唱者 曲名 專輯
如果我要顯示 而且又要說明 是某某某 要載哪邊處理
還有 請問有辦法使用多首嗎
請問可以自動播放 重複播放嗎 +上 autostart=true?? +哪裡
我把語法縮短到

大大你好
我是澳門人來的…
看見你的播放器真的很好用….但由於你的伺服器經常有問題….而播放器經常由此而不能顯示…
想問問如果我下載了你的SWF檔…要怎樣修改才可以???
還有….我希望不只mp3附檔名….我想要wma附檔名的
請盡快回覆…
因我準備開站…而需要你提供你這麼精美的播放器

留言回覆: