November 5,2005 17:09

Wordpress plugin ver 0.7 安裝教學

新增單曲播放器一枚。

感謝 喵爸爸的窩 提供那麼方便的播放器!

Wordpress plugin 單曲播放器 0.7 版本新加了更改顏色的功能,

實際範例:



原始檔案出自:1 Pixel Out » Audio player Wordpress plugin

檔案載點:audio-player.zip

安裝方法:

1.
下載 audio-player.zip 後解壓縮,將 player.swf 檔上傳到你的網頁空間。

2.
將你的 mp3 檔傳到你的網頁空間,
免費網頁空間申請可以參考這篇文章 Yahoo! Japan 的免費空間 by colaccl

我現在是用 中華優惠網 Google Page Creator
兩個都是 100MB,上傳檔案大小,中華是 2MB,Google 好像是 5MB,
我不太確定,因為我都會先把 mp3 檔轉小,只提供試聽的音質。

3.
複製貼上下列程式碼在你需要的地方。



接下來更改程式碼:

程式碼中可以更改顏色的地方,
他們代表的位置如下圖所示:

再將程式碼中 你的 swf 檔上傳位置你的 mp3 檔位置 換成你的網址,
AAAAAA 的部分換成色碼,
一般的色碼是〝#AAAAAA〞這樣的形式,
在這裡我們不用〝#〞而改用〝0x〞,
所以更改色碼時,不需要填〝#〞,直接填上後面 16 進位代碼即可,

如果 & 這個符號若是沒有效果,可以改成 & 這樣的寫法。

最後記得程式碼不可斷行,就是不能按 enter,全部要打成一串就對了!

試試看吧!



其他相關文章

mp3 單曲播放器:

單曲播放器集合測試
Audio player Wordpress plugin 曲播放器安裝教學


mp3 player 多曲目播放器:

JW Flash Mp3 Player 縮小版下載
安裝 JW Flash MP3 PlayerYahoo! Japan 教學
JW Flash MP3 Player 2.2 測試
Radio Blog 測試
Odeo Podcast 安裝教學


免費網頁空間:

:::.. Google page creator 免費網頁空間 ..:::
100mb,直接用 gmail 帳號登入就可以用了,需要 gmail 可以跟我說。

:::.. 中華優惠網免費空間 ..::
100mb,申請辦法簡單,填帳號、e-mail 就可以申請了,馬上可以用。

:::.. Yahoo! Japan Geocites 日文版 ..:::
單筆上傳 5mb,申請辦法請看:Yahoo! Japan 免費空間申請教學 by Cola

:::.. Yahoo Geocities 英文版 ..:::
英文版,直接登入你的 yahoo ID 就可以了,單筆上傳 5mb


  • marti 發表於樂多回應(21)引用(2)B+ Flash MP3 Players編輯本文
    樂多分類:網路/3C │昨日人次:1 │累計人次:432
    Ads by Roodo! 

    引用URL

    http://cgi.blog.roodo.com/trackback/682721
    引用列表:
    新的(ver 0.7) Audio player Wordpress plugin 加了顏色的功能 順手測試一下 Download 00022_for_your_s.mp3 主要的語法是 (一行) player.swf? bgcolor=0xE8ECDD &iconcolor=0×676E04 &textcolor=0×666666 &barcol...
    測試撥放器【喵爸爸的窩】 at November 6,2005 04:20
    從Marti找到的Flash Player音樂播放器,看起來還不賴,至少<embed>語法</embed>的框架好看多了,目前看來只有播放音樂的功能,至於影片則無法播放。有空再來試試會不會只出現聲音,而...
    音樂播放器【正音班學習手冊】 at November 10,2005 14:39
    回應文章
    Marti整理的資料跟圖比較清楚 :D

    另外幫您補充,
    10/29的 0.7.1 版停掉了預先讀取(pre-load)的功能,
    也就是按了撥放鈕之後,才會開始下載撥放,
    可以省點兒頻寬。
    | 檢舉 | Posted by 喵爸 at November 5,2005 18:55
    還好有Marti每次都這麼熱心的放上這些教學,讓門外漢能夠一步步的進到部落格的殿堂。

    可惜了我買的書,找到妳的站以後就沒再翻過她了 XD
    | 檢舉 | Posted by IntoTheRain at November 5,2005 19:58
    不过~有点小问题 如何实现自动播放呢?
    | 檢舉 | Posted by 沙沙 at November 5,2005 22:01
    對啊. Martin和喵爸真是造福人群呢! 感恩啦!
    | 檢舉 | Posted by Leon at November 5,2005 22:57
    讚!
    解決了我顏色的問題了
    | 檢舉 | Posted by 拷秋勤--范姜 at November 6,2005 01:49
    範例那首是什麼歌? 好耳熟.. 好像 club 8..
    但他們不是, 他們是誰啊???
    | 檢舉 | Posted by 小路 at November 6,2005 02:32
    是來電答鈴!!!!!!!!
    我知道他們誰了, 什麼 kisses 的對吧?!
    | 檢舉 | Posted by 小路 at November 6,2005 02:39
    My Dear Giant by the marshmallow kisses
    | 檢舉 | Posted by Marti at November 6,2005 04:44
    謝謝你的語法跟教學^_^
    BLOG上終於有音樂了~
    | 檢舉 | Posted by 路人 at November 7,2005 07:14
    我有用心學...但MP3檔案一直沒地方放...>_<|||
    JP yahoo; Doremail...都不可以啦
    | 檢舉 | Posted by David Bear at November 7,2005 11:47
    免費網頁空間:

    :::.. Yahoo Geocities 英文版 ..:::

    英文版的,直接登入你的 yahoo ID 就可以用了啊。



    :::.. ProHosting ..:::

    這個也可以啊!

    ProHosting 免費空間測試:

    Faint + Toxic by Linkin Park + Britney Spears




    :::.. PChome ..:::

    中文的啊,單筆上傳 2M,建議 mp3 剪輯後再壓縮上傳!


    請各位同學多多愛用 Google 喔!輸入〝免費網頁空間〞即可!!!
    | 檢舉 | Posted by Marti at November 7,2005 17:15
    Marti 每次來你這,都有好康的可以學^^~ (超Nice)
    尤其的你來教,生動又簡單, 很容易上手耶!
    | 檢舉 | Posted by 櫻 at November 7,2005 19:19
    謝謝Marti老師,老師的Blog幫我好多忙阿~
    | 檢舉 | Posted by Mard at November 7,2005 19:41
    見鬼了,我還以為我自己留言給我自己勒,

    原來是〝Mard〞!

    我不是老師啊,Mard -_-
    別這樣叫啊。
    | 檢舉 | Posted by Marti at November 7,2005 19:52
    太棒了..Marti大師
    Yahoo!GeoCities and ProHosting they work.....
    YAYAYA!!!
    | 檢舉 | Posted by David Bear at November 7,2005 21:54
    這個很方便也好看耶!謝謝

    不過我想問一下,mp3能不能轉成swf檔,不然每次上傳都要很久,好麻煩喔!>.<"
    | 檢舉 | Posted by 酷斃了! at November 21,2005 00:05
    ... 這個不能用 swf,
    參考 Fun sound player 吧,
    裡面有幾個可以用 swf 檔,
    我試用的這個就可以:http://blog.roodo.com/marti/archives/600947.html
    | 檢舉 | Posted by Marti at November 22,2005 02:41
    請問音樂器的player.swf 檔
    怎麼傳去天空部落格?
    抱歉,我還是不會ㄒㄒ
    | 檢舉 | Posted by 偽 at June 20,2006 17:16
    找到檔案上傳的地方,按上傳。

    不好意思啦,這樣說了等於沒說,
    跟天空部落不熟。

    or 你可以找個其他網頁空間上傳檔案,
    再把網址貼到語法裡,
    再把語法貼到 blog 文章裡。
    | 檢舉 | Posted by Marti at June 21,2006 14:27
    呃,這播放器我照這教學在pc成功播放可是在mac卻不行,請問一下是否哪裡要作修改設定,謝謝。
    | 檢舉 | Posted by 23 at July 18,2006 02:49
    我想請問為什麼在天空部落格發文章貼上撥放器後,
    撥放器以下再打上去的字都不會顯示出來呢?
    但是在撥放器以上打的字就可以顯示~
    請問這是什麼原因..? 謝謝你^^"
    | 檢舉 | Posted by fish at July 13,2007 16:39