麦可·志 » dewPlayer应用

首先要感谢dancemoon，在一个用怪异文字书写的blog上发现了一个既小巧又比较实用的在线mp3播放器。

这个播放器就是一个大小不到4k的flash文件，只要在想要放置歌曲的页面中添加调用代码即可使用，界面简洁而且美观，总的来说不错。基本的调用代码如下：

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="20">
<param name="movie" value="http://播放器所在地址/dewplayer.swf?son=test.mp3&autoplay=1" />
<embed src="http://播放器所在地址/dewplayer.swf?son=musicName.mp3" mce_src="http://播放器所在地址/dewplayer.swf?son=musicName.mp3" quality="high" type="application/x-shockwave-flash" width="200" height="20"></embed>
</object>

可以看出来，非常的简单。需要自己修改的就是两处涉及Flash播放器文件所在的地址以及想要播放的歌曲地址。

当然，这也只是简单的应用，这个播放器还可以进行进一步的设置：

播放器背景透明。
这样设置的效果将可以在任何背景下比较完美的现实播放器的界面，也是我比较推荐的方法。操作上只需要在object标签包围中加入一行参数设置，即加入如下代码：
<param name="wmode" value="transparent" />
播放器的背景颜色。
本项设置的前提是“背景透明”没用启用，换句话说也就是，无论你设置播放器的背景是什么颜色，一旦同时设置了背景透明，背景颜色也就显示不出来了。设置背景颜色的代码如下：
<param name="bgcolor" value="颜色代码" />
其中颜色代码为十六进制颜色代码，如：白色(#FFFFFF)、黑色(#000000)等。
自动播放。
这个就很好理解了，是否允许歌曲自动播放。设置方法就是在调用播放器和设置歌曲地址代码的后面加上&autoplay=1，比如：dewplayer.swf?son=musicName.mp3&autoplay=1。
ps.经过试用发现“自动播放”不太好用哇...(It seems that "autoplay" doesn't work....)

以上就是dewPlayer的应用方法了，不过用起来似乎还是有点麻烦，每次设置那么多东西，还要添加代码，很是麻烦，咋办？嘿嘿，可以用javascript嘛。

建立一个.js文件，比如dewplayer.js，将以下代码写到里面去：

function Player(mp3Path/*, autoPlay*/)
{
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="20">');
/* document.write('<param name="movie" value="dewplayer.swf?son='+mp3Path+'&autoplay='+autoPlay+'" />'); */
document.write('<param name="movie" value="http://播放器所在地址/dewplayer.swf?son='+mp3Path+'" />');
/* document.write('<param name="bgcolor" value="#000000" />'); */
document.write('<param name="wmode" value="transparent" />');
/* document.write('<embed src="dewplayer.swf?son='+mp3Path+'&autoplay='+autoPlay+'" mce_src="dewplayer.swf?son='+mp3Path+'&autoplay='+autoPlay+'" quality="high" type="application/x-shockwave-flash" width="200" height="20"></embed>'); */
document.write('<embed src="http://播放器所在地址/dewplayer.swf?son='+mp3Path+'" mce_src="http://播放器所在地址/dewplayer.swf?son='+mp3Path+'" quality="high" type="application/x-shockwave-flash" width="200" height="20"></embed>');
document.write('</object>');
}
}

可以看到，里面有很多注释掉的部分（/* ... */），那些都是没有选择使用的，或者是不好用的（？）。将这个js文件在页面中引用：