文章来源: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地址。
可以是绝对,也可以是相对地址
参数:
默认音量 | 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
原文地址:http://blog.csdn.net/ksly_tkol/article/details/39693985