介紹了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"(播放器背景顏色,可自行更改)
如要更改播放器背景顏色
請參考色碼表做變更
這邊娃娃臉用的是白色
整個過程其實是不是很簡單呢
以上~教學完畢
音樂播放器上傳空間
接下來
當然就是要進入重點了
就是線上的音樂播放器
娃娃臉第一個要分享的
是蘋果屋的單曲音樂播放器
也是娃娃臉最早所使用的一款
不過因為經過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"(播放器背景顏色,可自行更改)
如要更改播放器背景顏色
請參考色碼表做變更
這邊娃娃臉用的是白色
整個過程其實是不是很簡單呢
以上~教學完畢
未經允許請勿複製圖文。 如要轉載利用引用功能,並留言告知。 語法小物歡迎自由取用,請留言告知。 如果喜歡本站,歡迎取用露狗貼紙。 所有文章都是版主的心血,智慧結晶。 希望訪客遵守本站的規章,感激不盡。 | ||
全站熱搜
留言列表