blogger和blogbus中加入flash音乐播放器

想在blog中加一个方便的音乐播放器,试了小巧的dewplayer后在Opera和Firefox中都正常,但是在IE中会造成假死,提示“网页中的脚本造成IE运行变慢,是否继续”,窗口会很长时间失去响应,但是侧边栏的播放器也是flash的,看了一下代码,原来在blogger beta中用object标签IE就会出现这样的问题,改用embed标签,问题解决。操蛋的IE!
格式如下:

<embed src=”http://www.example.com/dewplayer.swf?son=http://visionsoul.com/uploads/mv/nfdsm.mp3&autostart=0&autoreplay=1&volume=80&showtime=1″ quality=”high” type=”application/x-shockwave-flash” width=”200″ height=”20″ bgcolor=”#ffffff” wmode=”transparent”></embed>

dewplayer.swf(右键另存)

黄色部分为播放器地址,可以下载flash后保存在自己的站点;
红色为歌曲地址,用百度Mp3找的,当然也可以将歌传到自己的站点上,速度有保证,注意只能使用mp3格式;
autostart设置是否自动播放,0不自动播放,1自动播放,建议设置为0,自动播放有时会吓人一跳,尤其是在夜里;
autoreplay设置是否重复,0不重复,1重复;
volume调节音量大小,80为80%音量;
showtime=1以 分:秒 的形式在播放器上显示歌曲时间;
bgcolor设置背景色,可以自行修改十六进制色标;
wmode=”transparent”设置透明,建议加上这句,这样在有背景色的网页中更自然些,当然加上这句后上面的bgcolor就不起作用了;
如果比较卡的话点击暂停,让它有足够的缓冲再播放。


06.10.16增补

有朋友问如何控制音量,去作者的网站上看了下,在src中加入volume=xx即可,xx为百分比音量,例如80即为80%的音量大小,见上面的代码。但是这样还是不能手动调节音量,转了一下发现我上面介绍的是无音量调节版本的,还有一个1.5版本的可以调节音量。

<embed src=”http://www.example.com/dewplayer-vol.swf?son=http://visionsoul.com/uploads/mv/nfdsm.mp3&autostart=0&autoreplay=1&volume=90&showtime=1″ quality=”high” type=”application/x-shockwave-flash” width=”280″ height=”20″ bgcolor=”#ffffff” wmode=”transparent”></embed>

dewplayer-vol.swf(右键另存)

————————————————————–
作者还提供mini版和多曲版的,多曲版的只要用“|”将多首mp3连起来并将autoreplay设为0就可逐首播放了。

<embed src=”http://www.example.com/dewplayer-multi.swf?son=http://visionsoul.com/uploads/mv/nfdsm.mp3|http://sz.nit.jx.cn/school/agjq/w/我们走在大路上.mp3&autostart=0&autoreplay=0&volume=90&showtime=1″ quality=”high” type=”application/x-shockwave-flash” width=”280″ height=”20″ bgcolor=”#ffffff” wmode=”transparent”></embed>

dewplayer-multi.swf(右键另存)

如果使用侧边栏播放器的话,可以试一试这个


08.11.16增补 blogbus中插入flash音乐播放器

上面的内容还是06年的,好多链接都失效了,刚才重新编辑了一下。作者也更新了播放器,更新后的播放器没有了调节音量版本,而且上面的内容适用于Blogger,要想在blogbus中插入flash音乐播放器就要变一下了。从作者的网站上下载播放器,然后进入blogbus的文件管理界面,将下载解压后的的播放器swf文件上传。作者提供了三个版本:

经典版 : dewplayer.swf
迷你版: dewplayer-mini.swf
多曲版 : dewplayer-multi.swf

在文件管理界面中点击地址链接得到刚上传的falsh播放器地址,复制后进入blogbus的撰写窗口,点击右侧的HTML按钮,插入下面的代码。

<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0″ width=”160″ height=”20″><param name=”width” value=”160″ /><param name=”height” value=”20″ /><param name=”src” value=”http://yourname.blogbus.com/files/dewplayer.swf?mp3=http://yourname.blogbus.com/files/song.mp3&amp;autostart=0&amp;autoreplay=0&amp;showtime=1&amp;nopointer=1” /><embed type=”application/x-shockwave-flash” width=”160″ height=”20″ src=”http://yourname.blogbus.com/files/dewplayer.swf?mp3=http://yourname.blogbus.com/files/song.mp3&amp;autostart=1&amp;autoreplay=1&amp;showtime=1&amp;nopointer=1“></embed></object>

其中黄色地址是刚上传到blogbus上的播放器地址,注意一定要把文件上传到blogbus上后再使用,如果直接用上面作者网站上的播放器地址会显示不了,可能作者屏蔽了外链;红色部分是mp3的地址,可以百度得到mp3地址,也可以把歌曲传到Skydrive或者Dropbox上,便于管理而且可以防止链接失效;蓝色部分中:

autostart=0   0表示不自动播放,设置为1自动播放
autoreplay=0   0表示歌曲放完后不重复,设置为1重复
showtime=1   在进度条上显示播放时间,设置为0不显示
nopointer=1   调整进度时不显示光标,0为显示光标

06年的时候还是ie6,现在基本上都使用ie7了,上面的flash播放器代码在Blogger中同样适用。如果有问题请留言或者邮件都可以。


播放器也可以存储到Dropbox上,可以直接外链,速度也很快,很方便。从这里注册并安装Dropbox同步后,可以获得额外的250M存储空间。

blogger和blogbus中加入flash音乐播放器》上有5条评论

  1. Pingback引用通告: 文件可以直接外链的存储服务 | 走出沙漠

    1. XD 文章作者

      你用msn的话可以上传到Skydrive,上传后复制地址,类似于下面的地址:http://ywzarq.bay.livefilestore.com/y1pFctaSXVQEGlkwtAUzL8kXS0XUIq2ev4ZTcFe3WJRBFoFqwRJ37Os0OlA
      12yLqGs33hQTWyM18qzwk_mZ0k3-AA/dewplayer-classic.swf?download,把最后的?download去掉就可以用了。

      回复
  2. cocoyappy

    不好意思
    我真的不懂…
    我想要上傳到google的blogger
    可是在新增自己的小工具的地方要放哪裡的網址?
    還有..要怎麼把我要播的音樂embed標籤放到dewplayer裡面?
    可以簡單的告訴我所有的步驟嗎?

    回复

发表评论

电子邮件地址不会被公开。