文章來源:PHP開發學習門戶php
地址:http://www.php#thinking.com/archives/491 (去點#)html
在網頁製做中,若是想在網頁中插入mp3音樂來增添網頁的互動感,提高用戶體驗度,這個時候網頁音樂播放器就頗有必要了,通常的狀況下若是用背景音樂播放的話有幾個很不友好的地方瀏覽器
1.隨網頁加載就播放,用戶不能暫停,中止播放app
2.通常瀏覽器兼容性差,不多能通用所有瀏覽器dom
因此一款基於flash的網頁音樂播放器就頗有必要了。學習
他有如下一些優勢spa
1.瀏覽器兼容性好,如今通常的主流瀏覽器都支持flashcode
2.能夠暫停,中止播放,也能夠經過參數設置自動播放orm
3.樣式漂亮。美觀大方xml
先來一張播放器圖
來一個示範:
固然還有不少樣式,詳情請進入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地址。
能夠是絕對,也能夠是相對地址
參數:
默認音量 | 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://tieba.baidu.com/p/3323774559