推荐漂亮的flash网页MP3音乐播放器

文章来源:PHP开发学习门户

地址:http://www.php#thinking.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&amp;autostart=1&amp;showtime=1&amp;
nopointer=1&amp;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&amp;autostart=1
&amp;showtime=1&amp;nopointer=1&amp;volume=50" /> 
</object>

flash网页MP3播放器下载地址: http://tieba.baidu.com/p/3323774559

转载于:https://my.oschina.net/ksly/blog/323655

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值