打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
一些Flash网页音乐播放器--睡莲池→雾寒个人情感博客{记忆感动生活}

 来自法国的一款很简洁的Flash音乐播放器(http://www.alsacreations.fr/dewplayer),目前有三个版本,分别为normale\ mini\ multi,可以用做网页背景音乐播放或Blog的音乐播放器,很不错的,喜欢简洁的人士不可错过。
  压缩包内包含以上三个版本(版本号:Dewplayer normale 1.6, Dewplayer mini 1.5,Dewplayer multi 1.5)及说明文档
  点击地址下载:http://groups.google.com/group/aboblog/web/Dewplayer.rar
  Version normale(标准型) [200x20] :

<embed type="application/x-shockwave-flash"src="//haobeizhan.googlepages.com/dewplayer.swf" width="200"height="20"flashvars="son=MP3歌曲地址&autoplay=0&autoreplay=1&showtime=1&amp;volume=100" wmode="transparent" quality="high"></embed>
 
Version mini(迷你型) [150x20] :
<embed type="application/x-shockwave-flash"src=http://haobeizhan.googlepages.com/dewplayer-mini.swf width="150"height="20"flashvars="son=MP3歌曲地址&autoplay=0&autoreplay=1&showtime=1&amp;volume=100" wmode="transparent" quality="high"></embed>
 
Version multi(扩展型) [240x20] :
<embed type="application/x-shockwave-flash"src=http://haobeizhan.googlepages.com/dewplayer-multi.swf width="240"height="20"flashvars="son=MP3歌曲地址&autoplay=0&autoreplay=1&showtime=1&amp;volume=100" wmode="transparent" quality="high"></embed>>


 
 
参数说明:
 
1、autoplay=0 表示不自动播放,如果把 0 改为 1 则表示自动播放。
2、autoreplay=1 表示循环播放,如果把 1 改为 0 则表示不循环播放。
3、showtime=1 表示时间显示为 分:秒 格式,如果去掉 &showtime=1 则时间显示为 秒 格式。
4、volume=100 表示播放器音量值,其设定值为 0~100,播放器中无音量按钮。
5、wmode="transparent" 表示播放器背景颜色为透明(建议为设置为透明),如果把它去掉而加上bgcolor="颜色代码" 则可以设置播放器的背景颜色,颜色代码如:白色:#ffffff ,黑色:#000000 ,红色:#ff0000等十六进制颜色代码。
 
注意事项:
 
1、歌曲只能是MP3格式的,不支持其他任何格式。
2、歌曲地址后面各参数间由 号隔开,注意此符号。
3、autoplay 和 autoreplay 参数如若去掉,其默认值为 0 。
4、showtime 参数如若去掉,其默认值为 秒 格式。
5、volume 参数如若去掉,其默认值为 100 。
 
与之前所介绍的单播放器不同的是这些播放器都可以实现多歌曲连放功能,方法很简单,只要在各歌曲地址之间加个“ |”符号即可,不过歌曲好像只能按所添加的地址顺序播放,官网上定制播放器代码的时候有提供 random随机播放参数,不过经过我试验这个参数没用,歌曲不能随机播放,但是能循环播放。以扩展型为例,如果要实现多歌曲连放功能建议最好使用扩张型播放器,因为它有上下曲按钮,而其他播放器没有,代码如下:
 
<embed type="application/x-shockwave-flash"src=http://haobeizhan.googlepages.com/dewplayer-multi.swf width="240"height="20"flashvars="son=MP3歌曲地址1|MP3歌曲地址2|MP3歌曲地址3&autoplay=0&autoreplay=1&showtime=1&volume=100" wmode="transparent"quality="high"></embed>
 
 
 
标准型,迷你型和下面要介绍的标准型优化版也是相同的道理。
 
另外再给大家提供两种官网上没有的仿DewPlayer播放器:
 
1、标准型优化版 [240x20] :
<EMBED src=http://haobeizhan.googlepages.com/wenzi_player_2.swfwidth=300 height=20 type=application/x-shockwave-flashflashvars="son=MP3歌曲地址&autoplay=0&autoreplay=1&showtime=1&amp;volume=100" wmode="transparent" quality="high"></EMBED>
 
 
各参数同上所述。
 
2、标准型改进版 [300x25] :
<EMBED src=http://haobeizhan.googlepages.com/wenzi_player_1.swfwidth=300 height=25 type=application/x-shockwave-flashflashvars="sname=歌曲信息&song=MP3歌曲地址&autoplay=0&time=1&vol=1" wmode="transparent" quality="high"></EMBED>
 
 
autoplay,time,vol分别代表显示自动播放、播放时间、声音控制,默认为 0 不显示;不支持多曲连放功能;无循环播放功能;点击歌曲信息即可下载所播歌曲;歌曲信息可以填:歌手--歌曲名字 等信息,可根据自己需要填写。

2、Audio Player

Audio Player 是http://www.1pixelout.net/code/audio-player-wordpress-plugin专为Wordpress开发的一个音频插件,经过改造可以工作于各种Blog系统上。

参数说明:

当前最新版本为1.2.3

关于Audioplayer显示中文tag是乱码的请看http://yskin.net/2006/06/audio-player.html,就不再搬过来了。http://www.blogthissong.com/Audio Player汉化版,据说还带歌词(只是一直在缓冲,俺没看到)

附件中的颜色方案还不错,俺是比较喜欢的。至于应用到各Blog系统时的代码修改各位自己用Google搜索一下。

点击地址下载:http://aboblog.googlegroups.com/web/audioplayer.rar


关键字:Flash播放器、Dewplayer、网页播放器、Dewplayer官网、Dewplayer出处、Dewplayer.swf、Dewplayer 1.4、Dewplayer1.5、Dewplayer-multi.swf、Dewplayer-mini.swf、audioplayer.swf、Audioplayer出处、Audioplayer官网、Audioplayer汉化

 

单篇日志添加背景音乐的代码:

<DIV><BGSOUND balance=0 src="歌曲链接地址" volume=0 loop=infinite></DIV>

想必大家都知道这个吧。
这个代码使用起来的不便想必大家深有体会:歌曲需要完全加载完后才播放;没办法控制播放,只能按Esc键停止(当然,你可以选择听到不喜欢的歌时就静音音量……);如果Esc键关掉音乐后,要重新开始播放,还要刷新页面,虽说Live Spaces现在的访问速度已经很不错了,但我也不会去为了听个歌就考验一下自己的网速……

然后,怎么办呢,而很简单的 <EMBED src="歌曲链接" height="25" width="450"autostart="true" repeat="true" loop="true" type="audio/midi"> 却被微软认为是不安全代码在我们保存或者发布日志时过滤掉……
 
快疯掉了…
 
别急,大仙来了(汗,不就测了个字,东拉西扯了一番嘛,怎么就开始叫俺大仙了,俺还是把这个光荣的称号让给狂人老兄吧)
今天刚回到学校就收到了一个朋友的提问,问我怎么在单篇日志中实现背景音乐的控制,刚好,寒假在家就想了这个问题,觉得应该可以使用Mp3Flash Player实现这样的效果,于是开始Baidu + Google,无奈搜索结果提供的方法都都需要<object>这个被微软认为危险的代码,开始思考他们提供的代码:
<objecttype="application/x-shockwave-flash"data="dewplayer.swf?son=votre_son.mp3" width="200" height="20"><param name="movie" value="/dewplayer.swf?son=votre_son.mp3" /></object>
其中需要的不就是 value="/dewplayer.swf?son=votre_son.mp3" 吗?我们用<embed src=...> 是不是也可行呢,一试果然可以,瞎猫终于逮到耗子了……

所以接下来就很简单了,我们终于可以控制背景音乐播放了,而且播放器还很好看,嘿嘿~~
代码如下:
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.estvideo.com/dew/media/dewplayer.swf?son=http://www.mengyou.org/up_load/music/mp3/jianghuxiao.mp3&autoplay=yes&loop=yes width=200 height=20 type=application/x-shockwave-flash wmode="transparent">
效果:
   
下载 Flash 的最新版本以查看此内容
  


将你需要的背景音乐歌曲的链接地址体替换上部的橙色部分即可;
需要注意:仅限Mp3格式的歌曲!(不要问我为什么,我也不知道)
  • 播放器设计者
  • 这段代码中http://www.estvideo.com/dew/media/dewplayer.swf?son=http://www.mengyou.org/up_load/music/mp3/jianghuxiao.mp3&autoplay=yes&loop=yes 是同一部分,其间没有换行也没有空格! 特别需要注意;
  • 其中的http://www.estvideo.com/dew/media/dewplayer.swf 是这个播放器的皮肤(请尽量将他下载下来上传到你的免费空间后再使用,如Google Page);
  •  http://www.mengyou.org/up_load/music/mp3/jianghuxiao.mp3 是要播放的背景音乐的URL,再次提醒,仅限MP3格式的;
  •  &autoplay=yes 控制自动开始播放,如果不自动播放为 :&autoplay=no ,这个代码不能省略!虽然默认不自动开始播放,但如果不加&autoplay=no ,就不会有最后播放器的效果
  • 好像无法设置连续播放这个歌曲,就是加了 &loop=yes ,也是没效果,因为提供这个播放器的设计师介绍用的德文,除了代码和几个插进其中的英语单词,我什么都没看懂,如果那位朋友懂德文,拜托你看看他说的是连续播放需要添加什么代码,或者发帖问问他……
  • 播放器的按钮,从左到右依次是:播放、停止、暂停; 后边显示歌曲长度和播放的进度;
自我感觉这个播放器很好看,但在同学那里又找了些:
 
鱼最喜欢这一种了,我看着也蛮好看的,而且自定义程度很大:
  • 默认是这样子:
       
    下载 Flash 的最新版本以查看此内容
       
    (为了防止混乱,这个设置为不自动播放,大家按右侧的按钮就可以开始播放歌曲了)
    代码:
    <EMBED  pluginspage=http://www.macromedia.com/go/getflashplayer src="//rpsh.yo2.cn/wp-content/uploads/18/1876/2007/10/player01.swf?soundFile=http://www.mengyou.org/up_load/music/mp3/jianghuxiao.mp3&autostart=yes&loop=yes" width=290 height=24 type=application/x-shockwave-flash  wmode="transparent">
    代码用法同上,用你的背景音乐歌曲的URL代替上边的橙色部分,歌曲需要是MP3格式;这个可以控制连续播放 &loop=yes,省略仅播放一遍就停止。
  • 自定义后:
       
    下载 Flash 的最新版本以查看此内容
       
    代码如下
    <EMBED  pluginspage=http://www.macromedia.com/go/getflashplayer src="//rpsh.yo2.cn/wp-content/uploads/18/1876/2007/10/player01.swf?soundFile=http://www.mengyou.org/up_load/music/mp3/jianghuxiao.mp3&autostart=yes&loop=yes&bg=0xCDDFF3&leftbg=0x357DCE&lefticon=0xF2F2F2&rightbg=0xF06A51&rightbghover=0xAF2910&righticon=0xF2F2F2&righticonhover=0xFFFFFF&text=0x357DCE&slider=0x357DCE&track=0xFFFFFF&border=0xFFFFFF&loader=0xAF2910" width=290 height=24 type=application/x-shockwave-flash  wmode="transparent">

    其中:&bg=0xCDDFF3&leftbg=0x357DCE&lefticon=0xF2F2F2&rightbg=0xF06A51
    &rightbghover=0xAF2910&righticon=0xF2F2F2&righticonhover=0xFFFFFF
    &text=0x357DCE&slider=0x357DCE&track=0xFFFFFF&border=0xFFFFFF&loader=0xAF2910
    就是控制这个播放器外观的;其中各个参数控制那里看鱼的详细介绍吧;这个播放器的设计者
 
 下边的只给出示例和代码,不详细解释,跟前边融汇贯通就会用了,呵呵
  1. 来自:Mini Mp3 Flash Player 
     
    下载 Flash 的最新版本以查看此内容
       
        
    代码如下:
    <EMBED  pluginspage=http://www.macromedia.com/go/getflashplayer src="//www.mirpod.com/IMG/swf/mini_player_mp3.swf?my_mp3=http://www.mengyou.org/up_load/music/mp3/jianghuxiao.mp3&autoplay=yes&loop=yes&my_text=I Ofen go to Rpsh' Space" width="331" height="25"  type=application/x-shockwave-flash  wmode="transparent"> 
    这个多了一种参数 my_text=I Ofen go to Rpsh' Space 用来控制制播放器开始播放前显示在上边的文字,可以用中文,但尽量不要用,否则可能造成播放器无法正常使用(因为Live Spaces会莫名其妙地过滤掉 裹住字符串的"" );
  2. 还是这个作者的:
       
    下载 Flash 的最新版本以查看此内容
        
    代码如下:
    <EMBED  pluginspage=http://www.macromedia.com/go/getflashplayer src="//www.mirpod.com/mini-player-mp3.swf?mp3=http://www.mengyou.org/up_load/music/mp3/jianghuxiao.mp3&autoplay=1&volume=100&loop=1" width="200" height="20"  type=application/x-shockwave-flash  wmode="transparent">
    autoplay=1 自动播放, autoplay=0 不自动播放;
    volume=100 :控制音量,从1-200;
    同前边的也可以自定义皮肤颜色,但很麻烦,喜欢的话自己到这里获得代码,然后类比前边的示例得出放在Live Space合适的代码;
       
    下载 Flash 的最新版本以查看此内容


  3. 这篇文章发布出来后,又在鱼这篇文章那个后的评论那里找到一个可以显示歌词的播放器:
       
    下载 Flash 的最新版本以查看此内容

    代码为:
    <EMBED  pluginspage=http://www.macromedia.com/go/getflashplayer src="//www.blogthissong.com/player.swf?soundFile=http://www.mengyou.org/up_load/music/mp3/jianghuxiao.mp3&autostart=yes&loop=yes&bg=0xeeeeee&leftbg=0x357dce&lefticon=0xFFFFFF&rightbg=0xf06a51&rightbghover=0xaf2910&righticon=0xFFFFFF&righticonhover=0xffffff&text=0x666666&slider=0x666666&track=0xFFFFFF&border=0x666666&loader=0x9FFFB8&song=%E6%B1%9F%E6%B9%96%E7%AC%91&artist=%E5%BC%A0%E7%BA%AA%E4%B8%AD+%E5%91%A8%E5%8D%8E%E5%81%A5+%E8%83%A1%E5%86%9B+%E9%BB%84%E5%B0%8F%E6%98%8E+%E5%B0%8F%E8%99%AB%E3%80%8A%E7%A5%9E%E9%9B%95%E4%BE%A0%E4%BE%A3%E3%80%8B%E7%89%87%E5%B0%BE%E6%9B%B2" width="290" height="40" type=application/x-shockwave-flash  wmode="transparent">

    其中的 &song=%E6%B1%9F%E6%B9%96%E7%AC%91&artist=%E5%BC%A0%E7%BA%AA%E4%B8%AD+%E5%91%A8%E5%8D%8E%E5%81%A5+%E8%83%A1%E5%86%9B+%E9%BB%84%E5%B0%8F%E6%98%8E+%E5%B0%8F%E8%99%AB%E3%80%8A%E7%A5%9E%E9%9B%95%E4%BE%A0%E4%BE%A3%E3%80%8B%E7%89%87%E5%B0%BE%E6%9B%B2就是显示歌词的,大家可以到这里获得歌词部分代码;
    如果你不懂这个怎么弄得,请看这里对这个带歌词的播放器的详细介绍。
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
无插件纯代码实现网页、wordpress音乐播放器 | Ruxin·s Personal ...
中国风味的播放器
Flash Mp3 Player大集合
博客内嵌flash音乐播放器代码、下载与使用 ? 张鑫旭
150款单曲播放器
代码学习群简易教程(30)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服