推薦漂亮的flash網頁MP3音樂播放器,
文章來源:PHP開發學習門戶
地址:http://www.phpthinking.com/archives/491
在網頁製作中,如果想在網頁中插入mp3音樂來增添網頁的互動感,提升使用者體驗度,這個時候網頁音樂播放器就很有必要了,一般的情況下如果用背景音樂播放的話有幾個很不友好的地方
1.隨網頁載入就播放,使用者不能暫停,停止播放
2.一般瀏覽器安全色性差,很少能通用全部瀏覽器
所以一款基於flash的網頁音樂播放器就很有必要了。
他有以下一些優點
1.瀏覽器安全色性好,現在一般的主流瀏覽器都支援flash
2.可以暫停,停止播放,也可以通過參數設定自動播放
3.樣式漂亮。美觀大方
先來一張播放器圖
來一個示範:
當然還有很多樣式,詳情請進入DEMO:
http://www.linzl.com/demos/2012/dewplayer/
網頁mp3音樂播放器使用方法:
HTML:
<object type="application/x-shockwave-flash" data="dewplayer.swf?mp3=mp3/test1.mp3" width="200" height="20" id="dewplayer"><param name="wmode" value="transparent" /><param name="movie" value="dewplayer.swf?mp3=mp3/test1.mp3" /></object>
其中:
dewplayer.swf
是播放器的路徑,一定要對
mp3=mp3/test1.mp3
這個MP3=後面這個就是mp3地址。
可以是絕對,也可以是相對位址
參數:
Options
| 預設音量 |
volume=100 |
一般在0-100之間 |
| 自動播放 |
autostart=true |
是否在網頁載入完後就自動播放 |
| 迴圈播放 |
autoreplay=true |
迴圈播放音樂 |
| 全部隨機播放 |
randomplay=true |
有多個mp3可以全部隨機播放 |
| 顯示時間 |
showtime=true |
顯示播放時間 |
| 禁用滑鼠 |
nopointer=true |
禁用游標到播放器 |
| 播放清單 |
xml=playlist.xml |
載入XML播放清單(XSPF格式)播放器,可以載入多個檔案 |
| 漸層 |
fading=3 |
無間隙(秒)之間的一個音軌,而下一個播放器,可以支援漸層 |
播放器參數使用方法:
http://www.linzl.com/demos/2012/dewplayer/mp3/test1.mp3&autostart=1&showtime=1&nopointer=1&volume=50
完整版也就是:
<object type="application/x-shockwave-flash" data="http://www.linzl.com/demos/2012/dewplayer/dewplayer.swf" width="200" height="20" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="http://www.linzl.com/demos/2012/dewplayer/dewplayer.swf" /> <param name="flashvars" value="mp3=http://demo.linzl.com/demos/2012/dewplayer/mp3/test1.mp3&autostart=1&showtime=1&nopointer=1&volume=50" /> </object>
flash網頁MP3播放器:
http://www.phpthinking.com/archives/491