迷你 MP3 Flash Player
February 24, 2006 | Author: nuonuo | Filed under: 资源
3.25有更新,请查阅:http://nuocn.com/blog/read.php?71
在一个用怪异文字书写的blog上发现了一个既小巧又比较实用的在线mp3播放器:dewplayer
这是一个大小不到4k的flash文件,只要在想要放置歌曲的页面中添加调用代码即可使用,界面简洁而且美观,而且还可以自行设置。
演示: dewplayer.htm
其基本的调用代码如下:
<div>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="200" height="20" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<embed type="application/x-shockwave-flash" width="200" height="20"></embed>
</object>
</div>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="200" height="20" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<param name="src" value="http://播放器所在目录/dewplayer.swf?son=test.mp3&autoplay=1" />
<embed type="application/x-shockwave-flash" width="200" height="20" src="http://播放器所在目录/dewplayer.swf?son=test.mp3&autoplay=1"></embed>
</object>
可以看出来,非常的简单。需要自己修改的就是两处涉及Flash播放器文件所在的地址以及想要播放的歌曲地址。
当然,这也只是简单的应用,这个播放器还可以进行进一步的设置:
1.播放器背景透明。
这样设置的效果将可以在任何背景下比较完美的现实播放器的界面,也是我比较推荐的方法。操作上只需要在object标签包围中加入一行参数设置,即加入如下代码:
2.播放器的背景颜色。
本项设置的前提是“背景透明”没用启用,换句话说也就是,无论你设置播放器的背景是什么颜色,一旦同时设置了背景透明,背景颜色也就显示不出来了。设置背景颜色的代码如下:
其中颜色代码为十六进制颜色代码,如:白色(#FFF)、黑色(#000)等。
3.自动播放。
这个就很好理解了,是否允许歌曲自动播放。设置方法就是在调用播放器和设置歌曲地址代码的后面加上&autoplay=1,比如:dewplayer.swf?son=musicName.mp3&autoplay=1。
以上就是dewPlayer的应用方法了,不过用起来似乎还是有点麻烦,每次设置那么多东西,还要添加代码,是不是麻烦呢。其实我们也可以用javascript来实现这些功能,这样就简便了不少。建立一个.js文件,比如dewplayer.js,将以下代码写到里面去:
function Player(mp3Path/*, autoPlay*/) { document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="200" height="20" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="bgcolor" value="#000000" /><param name="wmode" value="transparent" /><param name="src" value="dewplayer.swf?son='+mp3Path+'" /><embed type="application/x-shockwave-flash" width="200" height="20" src="dewplayer.swf?son='+mp3Path+'" wmode="transparent" bgcolor="#000000"></embed></object>'); }
PS:可以看到,代码中有很多注释部分(/* … */),那些都是没有选择使用的,或者是不太好用的(?)。另外请注意播放器路径,相应更改播放器所在的目录。
调用这个js文件,在页面中加入下面这段代码:
<script src="http://js文件所在地址/dewplayer.js" type="text/javascript"></script>
当你想在页面中加入播放器的时候,只需要用我们在js文件中提供的函数就可以了:
<script type="text/javascript"><!-- Player("音乐文件地址/文件名.mp3"); // --></script>
需要注意的是,调用函数的时候,不要忘记把音乐文件的地址用“””(半角引号)引起来,还有就是调用的函数名要与js中定义的名字相同,而且字母大小写也要匹配。
3.25有更新,请查阅:http://nuocn.com/blog/read.php?71
下载此文件后请注意js文件里播放器的路径,相应更改播放器所在的目录
下载:dewplayer.rar
Related posts
feel free to leave a comment
Comment Guidelines: Basic XHTML is allowed (a href, strong, em, code). All line breaks and paragraphs are automatically generated. Off-topic or inappropriate comments will be edited or deleted. Email addresses will never be published. Keep it PG-13 people!
XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
All fields marked with " * " are required.
24 people have left comments
mp3播放器:dewplayerbr/这是一个大小不到4k的flash文件,只要在想要放置%…
呵呵,好东西,收了
呵呵
mp3BR/oBlog3.1 Created
谢谢提供,全收下了,图片SWF也收下了自己实在懒得自己做了,全收下了呵呵和你说一声。
你好,音乐播放我能实现,但是你的这个好像可以FLASH放图片啊,这个要怎么实现呢?
你的那首MP3也挺好听的,能否告知名字。谢谢
呵呵,解释一下:这里我是放置了一个flash在播放器的上面,他们并不是一体的,所以你已经实现播放器的功能就对了。
如果能支持playlist和循环播放就更好了。
很高兴能看到我做的英语口语插件在你这里用上了,而且还有发展
另,用一个小php程序应该能很容易的实现随机选曲播放,原理同英语口语插件,站长应该能想到吧。
能循环播放吗
怎么我按照你说的加上后,主页变成全白了,什么也看不到啊?是不是还要修改elements.php文件啊?
搞定了,原来你的有些代码多了一些“/”哦!谢谢了!
可以实现刷新不间断播放音乐吗???
谢谢分享!!!
唔係好明,可唔可以說下載完的文件放去邊???點先可以在側邊模組加入迷你 MP3 Flash Player ???你個側邊Info又係點整的呢?????//
请问你能不能把你测试好的JS文件发我我再改我的地址,我试了好多次都不行!添加后主页白屏!具体步揍你看下对不:先传了FLASH,再建了个JS文件上传,再建了个恻边内容栏,在内容栏输入<script src="http://js文件所在目录/dewplayer.js" type="text/javascript"></script>,后面就不知道做了!能详细说说吗?
你的问题似乎已经解决
呵呵,站长很小气,不愿说出自己的,放置了一个flash在播放器的上面。。。。。。
呵呵,还是不能自动播放,你这里也不能,我那里也不能,晕
自动播放是根据自己的喜好而设置的,使用说明中已经详细说明.如果不能自动播放,请检查歌曲路径是否正确或着在等待缓冲.另外就是你添加的代码有误(无论是添加一首歌曲还是多首歌曲,只需要在歌曲路径最后加一组代码"&autoplay=1"即可实现自动播放…
调用这个js文件,在页面中加入下面这段代码:
<script src=”http://js文件所在地址/dewplayer.js” mce_src=”http://js文件所在地址/dewplayer.js” type=”text/javascript”></script>
请问如何调用呢,在模块中添加吗?
很多人因为编辑模块所用的编辑器不兼容UTF8,而导致BOM问题。所以建议在后台的模块配置中操作,新增侧栏项目加入上文当中的最后那2段代码即可。
我是个新手~怎么加也加不上~可不可以具体说下
谢谢
我的Q89618446
好像有时能自动播放,有时不能,楼主能说明是怎么回事吗
页面缓存,没问题的