正在加载...
«
»

迷你 MP3 Flash Player

February 24, 2006 | Author: nuonuo | Filed under: 资源

dewplayer
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&amp;autoplay=1" />
    <embed type="application/x-shockwave-flash" width="200" height="20" src="http://播放器所在目录/dewplayer.swf?son=test.mp3&amp;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

Tags: ,

This entry was posted on Friday, February 24th, 2006 and is filed under 资源. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Related posts

24 people have left comments

mp3播放器：dewplayerbr/这是一个大小不到4k的flash文件，只要在想要放置%…

ann的blog wrote on March 3, 2006 - 6:56 pm

呵呵，好东西，收了  
呵呵

Westy.Hc wrote on March 9, 2006 - 8:32 pm

mp3BR/oBlog3.1 Created

ShowPower wrote on March 11, 2006 - 9:48 am

谢谢提供，全收下了，图片SWF也收下了自己实在懒得自己做了，全收下了呵呵和你说一声。

dx wrote on March 13, 2006 - 5:16 am

你好，音乐播放我能实现，但是你的这个好像可以FLASH放图片啊，这个要怎么实现呢？
你的那首MP3也挺好听的，能否告知名字。谢谢

sol wrote on March 12, 2006 - 11:21 pm

呵呵，解释一下：这里我是放置了一个flash在播放器的上面，他们并不是一体的，所以你已经实现播放器的功能就对了。

nuonuo wrote on March 14, 2006 - 3:06 pm

如果能支持playlist和循环播放就更好了。
很高兴能看到我做的英语口语插件在你这里用上了，而且还有发展

牧熊人 wrote on March 19, 2006 - 9:41 pm

另，用一个小php程序应该能很容易的实现随机选曲播放，原理同英语口语插件，站长应该能想到吧。

牧熊人 wrote on March 19, 2006 - 9:44 pm

能循环播放吗

ini wrote on April 1, 2006 - 10:22 am

怎么我按照你说的加上后，主页变成全白了，什么也看不到啊？是不是还要修改elements.php文件啊？

nonobee wrote on April 2, 2006 - 10:50 am

搞定了，原来你的有些代码多了一些“/”哦！谢谢了！

nonobee wrote on April 2, 2006 - 11:23 am

可以实现刷新不间断播放音乐吗？？？

柔梦雪 wrote on April 5, 2006 - 10:06 am

谢谢分享!!!

mini wrote on April 13, 2006 - 10:18 am

唔係好明,可唔可以說下載完的文件放去邊???點先可以在側邊模組加入迷你 MP3 Flash Player ？？？你個側邊Info又係點整的呢?????//

邦 wrote on April 14, 2006 - 6:23 pm

请问你能不能把你测试好的JS文件发我我再改我的地址，我试了好多次都不行！添加后主页白屏！具体步揍你看下对不：先传了FLASH，再建了个JS文件上传，再建了个恻边内容栏，在内容栏输入<script src="http://js文件所在目录/dewplayer.js" type="text/javascript"></script>，后面就不知道做了！能详细说说吗？

Ven wrote on April 17, 2006 - 8:40 pm

你的问题似乎已经解决

nuonuo wrote on April 19, 2006 - 5:43 pm

呵呵，站长很小气，不愿说出自己的，放置了一个flash在播放器的上面。。。。。。

TEARS wrote on April 23, 2006 - 10:51 pm

呵呵，还是不能自动播放，你这里也不能，我那里也不能，晕

TEARS wrote on April 24, 2006 - 2:09 am

自动播放是根据自己的喜好而设置的,使用说明中已经详细说明.如果不能自动播放,请检查歌曲路径是否正确或着在等待缓冲.另外就是你添加的代码有误(无论是添加一首歌曲还是多首歌曲,只需要在歌曲路径最后加一组代码"&autoplay=1"即可实现自动播放…

nuonuo wrote on April 25, 2006 - 4:54 pm

调用这个js文件，在页面中加入下面这段代码：

<script src=”http://js文件所在地址/dewplayer.js” mce_src=”http://js文件所在地址/dewplayer.js” type=”text/javascript”></script>

请问如何调用呢,在模块中添加吗?

siuyiu wrote on April 26, 2006 - 7:20 pm

很多人因为编辑模块所用的编辑器不兼容UTF8，而导致BOM问题。所以建议在后台的模块配置中操作，新增侧栏项目加入上文当中的最后那2段代码即可。

nuonuo wrote on April 27, 2006 - 10:45 am

我是个新手~怎么加也加不上~可不可以具体说下
谢谢
我的Q89618446

RANE wrote on May 3, 2006 - 11:09 am

好像有时能自动播放，有时不能，楼主能说明是怎么回事吗

sevenmoon wrote on June 21, 2006 - 12:40 am

页面缓存，没问题的

nuonuo wrote on June 25, 2006 - 9:44 am

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.