Dewplayer 精巧音樂撥放器

當你看到這篇文章的時候,Tiffy又找到了一個音樂撥放器了,這個dewplayer,大家應該都不陌生吧?

超精美的撥放器,很多人都常用啊。

接著,Tiffy想起前一篇才寫著說如果想要自動撥放、還有隱藏的話 可能只能使用SoundCloud了,結果Tiffy今天就發表了一篇其實可以自動撥放重複播放,又可以隱藏的精巧撥放器…

但其實,Tiffy這樣說不代表SoundCloud等於沒用的意思,SoundCloud這個平台是個允許使用者透過網路介面輕易且快速地傳遞、發表及下載藝術家、唱片製作公司及專業音樂家的音樂,所以你至少使用的時候是安全又有保障的,總之,分享音樂在網路平台上依然是..很敏感的一件事情。

好啦,不說嚴肅話,怎麼做,大家都知道。

網址:http://www.alsacreations.fr/dewplayer-en

下載swf檔案:http://www.alsacreations.fr/dl/dewplayer.zip

直接線上操作就有音樂撥放器了耶,不過Tiffy還是會建議使用者還是把音樂撥放器存下來,然後再上傳到自己的網路空間,因為如果太多人使用的話,那公司哪天的流量可能就爆了。

當你一一選擇好你要的撥放器樣式,有一般,迷你,多功能等… 選好它的顏色(可是Tiffy覺得顏色沒有改變)、填入音樂網址、然後勾選你想要的功能,比如說想要自動撥放就勾autostart,想要重複播放就autoreplay(loop),如果你一次想撥放多首音樂,那你想讓他隨機撥放那你就勾選randomplay

按okay,會出現程式碼。

不過Tiffy要你跟著我這樣更改。

[gigya src="swf撥放器網址" width="200" height="20" wmode="transparent" allowFullScreen="true" flashvars="mp3=音樂網址|音樂網址&autoreplay=1&randomplay=1"]

其中語法中的 [ ]請把他換成半形的[ ],另外,如果想隱藏,把width 跟height 的數值改成1 就好了。只是請慎用隱藏,因為有些人並不喜歡會自動撥放音樂的部落格。
參考數值:

&autostart 1 表示自動撥放,0 或者去掉語法等於不自動撥放
&randomplay 1 表示隨機,0 或者是去掉語法等於不隨機撥放
&autoreplay 1 表示重複撥放,0 或者是去掉語法等於不重覆撥放
&showtime 1 表示顯示歌曲進度,0 或者是去掉語法等於不顯示
&bgcolor 如果勾選transparent 就不會有顏色,如果要有顏色 bgcolor=’色碼’ 然後消除wmode=transparent
&nopointer 就是可以移動音樂的指標,1就是有,0就沒有 (你如果試試就知道Tiffy在講甚麼)
&volume 數值於0~100之間,預設是100
廣告

SoundCloud 媒體分享平台

背景音樂:Jason Chen 你不知道的事。

內有自動撥放隱藏式音樂。

前言:其實網路上並不是有太多人喜歡觀賞部落格的時候突然冒出音樂來,因為往往會嚇到別人。

所以是不建議放置的,可是Tiffy還是會寫出教學來,給需要的人使用~~

前幾天Tiffy在研究音樂撥放器的時候,在網路上看到說放置背景音樂的方法。

不過這個方法要實現的話,大家要先去註冊使用SoundCloud媒體平台,至於他是甚麼呢?

繼續閱讀

找不到網路空間放音樂了?就用SkyDrive

以前Tiffy是主張大家把檔案連結放在Yahoo Geocities 裡面或者是任一大家覺得方便的網路空間。不過近幾年網路上的免費空間都一個個停止服務了,像是google page creator、像是 Yahoo Geocities …等等。

那麼,還有哪些可以提共外連,方便好用的網路空間呢?

首先你要知道怎麼上傳音樂到SkyDrive,如果你還不會,請參考 – 上傳檔案到 Window Live SkyDrive

如果你想要編輯撥放多首音樂的話,通常我們需要兩樣東西讓我們實現一次撥放多首音樂,swf檔案跟xml檔案。這裡Tiffy提共兩個方法:

1. 網路上現在有許多提共免費撥放器的網站,你只需要把音樂網址貼上去就可以了,不需要煩惱要找空間上傳swf檔案跟xml檔案。作法類似於 – 很有特色的MYFLASHFETISH撥放器

幾個線上免費Flash Mp3 Player 撥放器網站如下:

PodBean.com

player1

Mp3 Player

player2

FP Flash Mp3 Player

player4

MixPod – 23種樣式的撥放器,可以是單一撥放器或者是多首播放器,需申請會員。

player5

範例:

語法參考:

[gigya src="http://www.mp3asset.com/swf/mp3/notebook.swf" width="266" height="117" allowfullscreen="true" wmode="transparent" flashvars="myid=6173580&path=2007/11/21&mycolor=0xFFE061&mycolor2=0xFF5FB9&mycolor3=0x64A1FE&autoplay=true&rand=0&f=3&vol=100"]

swf? 後面的語法改貼至 flashvars的後面
輸入語法時請把[ ]修改成半形的[ ]
 

2. 比較喜歡自己上傳swf 跟 xml 檔案,請參考 – 獨立放置Flash Mp3 Player的教學

如果你找到的是自己上傳swf 跟 xml檔案的 Flash Mp3 Player,現在跟你說,把他放在SkyDrive也可以通喔!

由參考教學 獨立放置Flash Mp3 Player 的教學得知我們需要 swfxml 檔案 兩個放在同一個地方

xml 檔案的修改請參考

由此下載xml檔案。
http://cid-cd81ad310431f66d.skydrive.live.com/embedicon.aspx/Public/mp3player.xml

※ 放在SkyDrive的音樂連結網址切記要貼對,貼錯就不會哼哼哈哈了。

範例如圖:

musicdown

那麼我們就把載下來的mp3player.swfmp3player.xml 都上傳到 SkyDrive的公開資料夾吧。

player6

然後再依照語法放在分享空間上,看是要在文章內還是在HTML自訂模組內。(若是使用其他部落格平台的只要參考語法也可以套用)

第二種方法,Tiffy擇日再寫。

desktop

有問題請留言,想要轉貼這篇文章的請善用引用功能~^^ 謝謝。

不要Window Media Player, 只要Xuite Player

中間的文章請忽略,請直接參考語法部分即可。

 


 

好像在SPACE很多人現在都會想要把Xuite撥放器放在SPACE裡面了,Xuite的撥放器目前Tiffy是建議如果想要放在文章內的話,那種小型的撥放器就可以了。
這幾天有網友想要把Xuite撥放器放在分享空間內,也就是不要Window Media Player了!只要Xuite在身邊。
那怎麼做?很簡單阿!
你就在分享空間內放一個HTML自訂模組,放在分享空間的任一角落內,然後再把語法丟進去,大功告成啦!!
1. 請至Window Live Gallery 內找到 HTML自訂模組
2. 先決定好放在哪裡後,先儲存,儲存好再編輯!
3. 參考Xuite影音貼入SPACE,最下方小型撥放器的語法

語法是:

<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://vlog.xuite.net/vlog/swf/lite.swf?media=OTMwMzY3&amp;ar=0&amp;as=0&amp;target=aHR0cDovL3Zsb2cueHV
pdGUubmV0L3Zsb2cvZ3Vlc3QvZmx2X2NvbmYucGhw
width=180 height=60 type=application/x-shockwave-flash allownetworking="internal" allowscriptaccess="never" wmode="opaque">

其中的type="application…. 這個很重要,因為他是播放flash檔案的標準格式,在SPACE放FLASH檔案都要加這段語法,不然會失效。
至於那一大串藍色的則是你上傳音樂檔案的數字代號
以及最後一個關鍵字lite.swf – 她則是小撥放器的語法

然後把它放在HTML自訂模組內,記得儲存!就好了。

 


 

以上文章請忽略,舊文章給Windows live 使用者。直接參考語法部分即可

如果你想要撥放器自動撥放的話請參考以下的數值!
拿上面的語法當範例
http://vlog.xuite.net/vlog/swf/lite.swf?media=OTMwMzY3&amp;ar=0&amp;as=0&amp;target=aHR0cDovL3Zsb2cueHV
pdGUubmV0L3Zsb2cvZ3Vlc3QvZmx2X2NvbmYucGhw
width=180


[gigya src="http://vlog.xuite.net/vlog/swf/lite.swf" width="180" height="60" allowFullScreen="true" wmode="transparent" flashvars="media=OTMwMzY3&amp;ar=0&amp;as=0&amp;target=aHR0cDovL3Zsb2cueHVpdGUubmV0L3Zsb2cvZ3Vlc3QvZmx2X2NvbmYucGhw]

其中ar  = auto repeat 重複播放  ar=0 (不重複播放)  ar=1 (重複播放)
as  = auto start  自動撥放 as=0 (不自動撥放) as=1 (自動撥放)
width 指撥放器寬度,若是你想要把撥放器放在側邊攔,端看你的側邊攔寬度為多少,一般為160,所以若把數值改成160,撥放器不會有被截斷的感覺
填入語法的時候請把[ ]修改成半形的 [  ]
成果請參考上方。
補充:如果想要一次撥放多首音樂的話,請參考 獨立放置Flash MP3 Player
謝謝你來我的分享空間,有問題請指教。

簡易可愛的Muzicons 音樂撥放器

Muzicons是一個很小巧可愛的播放器,她跟myflashfetish很類似,但有幾點不同的是:

myflashfetish沒有音樂空間讓你放置音樂檔案在網路上
myflashfetish可以播放多首音樂
myflashfetish還可以讓你選擇不同的撥放器樣式

如果對myflashfetish撥放器有興趣的,那請來這裡看看吧→很有特色的MYFLASHFETISH撥放器

可以的話,那麼請容我繼續,請上muzicons的網站,毋須申請也可以上傳音樂製作flash版的mp3音樂播放器喔

支援中文喔。只限12個字元。



一切okay後,語法就會出現在右手邊。

我們可以放在HTML自訂模組裡面 or 編輯文章時,選擇「內嵌影片」

然後,請與Tiffy一起欣賞Jason Chen唱的Come back

[gigya src="http://muzicons.com/musicon_v_srv_new.swf" width="150" height="50" allowFullScreen="true" wmode="transparent" flashvars="&nomuz=muzicon%20unavailable&site=http://muzicons.com/&icon_pic=12.png&music_file=http://dl.dropbox.com/u/10393814/Come%20Back.mp3&bg_color=999999&type_of_clip=simple_text&text_color=FFFFFF&text_message=Come Back"]

※備註:標寫語法請把[ ]修改成半形的[ ]

預設是沒有自動撥放,如果使用者想要自動撥放,把flashvars=’&nomuz 改成flashvars=’&autostart=1&nomuz 即可。

其中flashvars= 標的部分要修改成你自己的。

聽網路評論說上傳到她的空間會讀取很慢,那麼,我們也可以把它放在別的地方(支持外連)的空間。

獨立放置Flash Mp3 Player

隨著MSN Space/Window Live Space的變化,Window Media Player的教學攻略也被Tiffy改寫了很多遍。多少人慕名Tiffy的攻略而來,Tiffy不知道有沒有因為自己太久沒更新資料而敗戰而歸? 還請接受我的道歉,當Tiffy偶爾不放音樂在space上後,自己也不會想要去測試有效性,請,如果有什麼問題,真的要說出來,Tiffy希望自己的space 是 Up-to-date的。
 
okay,回到話題,昨天我收到一封信,被問到如何一次撥放多首音樂。以前,我們會利用Window Media Player 幫我們達成效果,現在如果我們還想撥放多首歌曲,用以前的方式去做似乎無效了?
既然Space現在可以加入獨立的HTML模組,該模組又可以放置EMBED語法,不如這樣好了,我們先加入一個HTML模組。
 
 
然後我們去找Flash Mp3 Player,以前提供的面板是適合放在Window Media Player裡面的,既然這一次我們要做一個獨立的,特別弄在一個模組裡面,那就毋須使用以前的面板囉。
Tiffy推薦兩個地方找到理想的Flash Mp3 Player面板,但是去拿別人分享的東西前,記得要先跟作者說一聲喔!
獨。來。獨。往 – [教學]Mp3 Flash Player面板
蘋果屋 Apple’ House 音樂播放器
 
我們可以選擇我們喜歡的撥放器面板,或者是一步一步跟著獨。來。獨。往 的教學改變顏色與大小。
這裡我們需要的只有兩個檔案,一個是撥放器的檔案(swf)以及一個音樂曲目檔(xml)
Tiffy不供應撥放器檔案,這就是為什麼想要妳們善用別人的精心製作,Tiffy只提供音樂曲目檔案(xml) 你只要從我這裡下載就可以了。
下載好的播放器以及曲目檔案請用NotePad(記事本開啟),會出現類似圖下的內容。
音樂清單修改方式如下:
音樂限制是MP3檔案。
音樂可以放在哪裡?Tiffy建議放在MediaMax裡面。有25GB應該很夠用。申請教學
弄好的音樂曲目檔案存檔時怎麼存? 請參考下面的圖片
 
再來呢?
再來,我們就把播放器檔案(swf)跟曲目檔案(xml)上傳到網路上。
要把這兩個檔案上傳到同一個目錄/資料夾/同一個地方下,不然會讀不到音樂。
 
要把這兩個檔案丟到哪裡?如果你知道你已有的網路空間支持swf檔案與xml檔案,且還支持外連的話,那就可以丟上去囉,可是你若不確定的話,那Tiffy會介紹Yahoo Geocities 香港,只要你用你的台灣雅虎帳密登入申請就可以「開通」使用了。 沒有教學,因為都是中文字開懷大笑
 
好了,到這裡基本上我們是完成了,現在就是貼語法時間!!!
 把以下語法貼入自訂HTML模組裡面,曲目連結與播放器連結請自行替換成自己的連結。
<embed flashVars="playlist=http://曲目檔案的連結.xml" src="http://撥放器的連結.swf&quot; type="application/x-shockwave-flash" width="150" wmode="transparent">
 
 
如果你是照Tiffy把檔案放在Yahoo Geocities 香港的話,找連結請照上面的方式找連結,滑鼠右鍵選擇複製捷徑
 

xuite 影音貼入Space

你好!
我想問吓我係xuite到揾到首歌,跟住想擺落space到,個網址要加d咩架例如我想加依首歌http://vlog.xuite.net/vlog/guest/basic.php?media_id=NHVLQUhMLTc2MzYwNy5mbHY= 個網址係依個<iframe marginwidth=’0′ marginheight=’0′ frameborder=’0′ scrolling=’no’ width=’185px’ height=’65px’ src=’http://vlog.xuite.net/vlog/guest/external.php?media_id=NHVLQUhMLTc2MzYwNy5mbHY=&pt=2&ar=0&as=0′></iframe&gt;
我試過將依個網址直接貼入space到,不過吾得

昨天, 我一直在試這個東西,因為有網友問我問題。對我來講,也是一個很interesting的問題,因為我不能馬上解答。一般來講,現在放置影片的連結通常若是有embed語法的,我們都可以輕易套用,然後播放在msn space文章裡面。Xuite影音是特別的,因為它的語法是iframe語法,不幸地是,我們的msn space還不能支援iframe語法,所以現在我們要怎麼辦? 怎麼把iframe的語法,變成embed語法,怎麼讓xuite影音套用在msn space文章裡面呢?

後來我在::::浩風史兔影音軌道::::看到教學,不過他是放置給無名小站使用者的,當然對我們來講是大同小異,一樣可以參考,不過如果跟著全部複製貼上就發佈的話,可能還是會出現NOTHING!!

除了我們都會的,也必須要知道的,就是要從原始檔案找到連結,重點是連結!! 但哪一個連結才對呢?  這時候請參考sea51930他寫的教學從第四步驟到第六步驟。然後,再來是參考語法如下:

<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://vlog.xuite.net/vlog/swf/mPlayer.swf?media=NzYzNjA3&ar=0&as=0&target=aHR0cDovL3Zsb2cueHVpdGUubmV0L3Zsb2cvZ3Vlc3QvZmx2X2NvbmYucGhw width=420 height=380 type=application/x-shockwave-flash allownetworking="internal" allowscriptaccess="never" wmode="opaque">

紅色標示是非常重要的,以msn space來講,如果你內嵌的影片或者是flash檔案語法內沒有這個,他會說這個檔案是不合乎標準的而會跑不出來唷。
這樣有沒有了解?

3月3日 TenchiSpirit大在我的部落格問我可不可以把那麼大的播放器縮小成像xuite網誌都在用的,那時候Tiffy絞盡腦汁都想不到,就回覆說不會。可是今天 (3月25日9:32PM) Tiffy想把音樂放在部落格的時候,就真的真的很想把xuite小型播放器放上去,且有那種一定要放上去的決心!!
結果我真的辦到了!!

   
語法是:

<PRE><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://vlog.xuite.net/vlog/swf/lite.swf?media=OTMwMzY3&amp;ar=0&amp;as=0&amp;target=aHR0cDovL3Zsb2cueHV
pdGUubmV0L3Zsb2cvZ3Vlc3QvZmx2X2NvbmYucGhw
width=180 height=60 type=application/x-shockwave-flash allownetworking="internal" allowscriptaccess="never" wmode="opaque"></PRE>

<pre></pre>這個語法很重要,一定要加上去,他代表的是,那一段文字/語法 已經被限定以原來格式中的樣貌出現。
type="application…. 這個也很重要,我在上面說了,沒有那個的話,文章發布後,影音檔還是發不出來。
至於那一大串藍色的則是你上傳音樂檔案的數字
以及最後一個關鍵字lite.swf – 她則是小撥放器的語法,你可以往上檢查看看最剛開始的大型播放器語法,他用的是mPlayer.swf…醬子懂了嗎?
撥放器的大小長度一定要標上,不然請不要寫信問Tiffy說為什麼撥放器跟文章要分那麼開

相關文章:不要Window Media Player, 只要Xuite Player


謝謝你的來訪,覺得Tiffy寫得不錯的寫個留言回應一下吧。或者有問題歡迎大家來指教~