青春祭 » dewplayer http://the-days.cn/blog 祭奠我那被岁月埋葬的青春 Tue, 18 Jun 2013 05:58:53 +0000 http://wordpress.org/?v=2.9.1 en hourly 1 迷你 MP3 Flash Player (3.25更新) http://the-days.cn/blog/dewplayer-update/ http://the-days.cn/blog/dewplayer-update/#comments Sat, 25 Mar 2006 16:38:42 +0000 nuonuo http://the-days.cn/blog/?p=71 在原有的基础上增加连续播放歌曲的代码，即在所有歌曲之间添加”|”符号（不包括引号）就可实现。前提是必须更新扩展型flash播放器。

<script type="text/javascript"><!--
  Player("音乐文件地址/文件名.mp3&#124;音乐文件地址/文件名.mp3&#124;音乐文件地址/文件名.mp3&#124;……");
// --></script>

演示：dewplayer.htm
温馨提示：使用这个播放器时请相应修改前面js文件里的相应播放器名称，这里是：”dewplayer.swf” → “dewplayer-multi.swf”

下载扩展型flash播放器：
dewplayer-multi.swf

]]> http://the-days.cn/blog/dewplayer-update/feed/ 15 迷你 MP3 Flash Player http://the-days.cn/blog/dewplayer/ http://the-days.cn/blog/dewplayer/#comments Fri, 24 Feb 2006 16:12:42 +0000 nuonuo http://the-days.cn/blog/?p=53 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

]]> http://the-days.cn/blog/dewplayer/feed/ 24