介紹了MP3上傳空間
音樂播放器上傳空間
接下來
當然就是要進入重點了
就是線上的音樂播放器
娃娃臉第一個要分享的
是蘋果屋的單曲音樂播放器
也是娃娃臉最早所使用的一款
不過因為經過N年
蘋果屋的網站已經關閉

不過蘋果屋的作者還有開設部落格
上面也有許多她自己設計的播放器教學
有興趣的朋友可以前去參觀她的部落格
請點以下連結前往遺落-天空部落



現在
回到重點
娃娃臉就來分享一下播放器吧

蘋果屋的單曲播放器主要有三款

底下是音樂播放器的範例~

第一款 一般播放器


第二款 迷你播放器


第三款 進階播放器


首先~下載播放器面板檔案

一般播放器檔名dewplayer.swf
迷你播放器檔名dewplayer-mini.swf
進階播放器檔名dewplayer-multi.swf



從上頭挑選你想要的播放器樣式後下載
(從檔名後面右邊的倒三角型選下載)
再將得到的SWF音樂器面板檔案
上傳到你自己的空間
(沒有空間的人可參考上一篇好用的網頁空間申請一文)
上傳之後取得SWF音樂器面板檔案的網址
另外還要準備好你的MP3音樂檔案
上傳到自己的空間取得音樂網址
(不知道上傳到哪的人,請參考上上篇如何取得MP3音樂網址一文)

Dropbox備用載點



得到SWF音樂播放器面板檔案網址
以及MP3音樂檔案網址
取得兩種檔案的網址之後
接著就是要套入語法

提醒:
因應娃娃臉的部落格鎖右鍵
底下的複製框在鎖右鍵情況下仍可複製
IE瀏覽器在移到框框上即可自動複製
Chrome及Firefox瀏覽器請使用Ctrl+C複製

語法可分為三種~

單曲播放器語法

第一種 不自動播放


第二種 自動播放


第三種 自動播放加重覆播放




同場加映~
其實進階播放器除了單曲
同時也可以播放多首音樂喔
底下提供可播放多首音樂的三種語法
(僅限進階音樂播放器使用)

多首播放器語法

第一種 不自動播放


第二種 自動播放


第三種 自動播放重覆播放


選擇一種你想要的播放方式
然後隨便貼在一個空白的文件裡
在語法中代入你的音樂播放器網址
以及MP3音樂檔案網址
接著將語法貼在你要放置音樂的地方
如文章內或部落格外掛欄位即可
不過只有進階播放器可以播放多首歌曲
所以使用多首的語法時
一定得要代入進階播放器的網址喔

附註

height="20"(播放器面板高度,可自行設定)
width="240"(播放器面板寬度,可自行設定)
bgcolor="#FFFFFF"(播放器背景顏色,可自行更改)

如要更改播放器背景顏色
請參考色碼表做變更
這邊娃娃臉用的是白色

整個過程其實是不是很簡單呢

以上~教學完畢

未經允許請勿複製圖文。
如要轉載利用引用功能,並留言告知。
語法小物歡迎自由取用,請留言告知。
如果喜歡本站,歡迎取用露狗貼紙。
所有文章都是版主的心血,智慧結晶。
希望訪客遵守本站的規章,感激不盡。

創作者介紹
創作者 娃娃臉 的頭像
娃娃臉

♬娃的狂想曲♪-痞客主站

娃娃臉 發表在 痞客邦 留言(0) 人氣()