Home > WordPress > 无需插件给wordpress博客添加背景音乐

无需插件给wordpress博客添加背景音乐

September 26th, 2009 Leave a comment Go to comments

突然想为博客添加背景音乐,搜了一下WordPress帮助文档,发现两个简单的办法,可以容易的向日志,边栏等添加音乐,一个方法不显示播放器,“真正”的背景音乐,另一种会显示播放器。因为是直接使用代码实现,所以博客最好装了Exec-PHP插件,这样边栏的widget小工具能执行PHP代码。先说明,根据本人使用的情况(在边栏的widget里添加了代码),音乐播放功能在IE和Chrome能实现,而在Firefox下播放不了,我以为是Firefox的插件问题,于是装了window media player的Firefox插件,但还是没用。以下就以在边栏添加带播放器的播放功能为例,说明如何操作,其他情况以此类推。

首先,上传你想要的背景音乐文件到你的网站文件里,并获得链接,或者直接在网络上找一个音乐文件链接,就是“http://www.×××.×××/×××/×××/***.mp3”,我只试过mp3文件,其他的没试过。

接着,到WordPress控制台下,在“外观(Appearance)”选项里找到“小工具(Widgets)”,点击进入,然后拖放一个“文本(Text)”小工具放到边栏(Sidebar)里,在文本框输入区域添加代码即可。

然后,拷贝代码,并替换音乐文件网址。如下,有两类代码。

第一类,不显示播放器的,代码如下:

<BGSOUND src=”音乐文件网址” loop=infinite>

BGSOUND指背景音乐,src是音乐文件的源地址,loop指的是播放的循环次数,infinite指无限次。如果不想设成无限次循环播放,可以将infinite改成对应的数字,指定循环播放的次数。我们要做的就两个,一是将“音乐文件网址”替换成第一步得到的音乐文件的完整链接地址,而是修改相应的循环播放次数,或者不改,取默认的infinite。

第二类,显示播放器(调用Windows Media Player)的,代码如下:

<OBJECT id=videowindow1 height=185 width=179 classid=CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6><PARAM NAME=”URL” VALUE=”音乐文件网址”><PARAM NAME=”playCount” VALUE=”infinite”><PARAM NAME=”autoStart” VALUE=”1″><PARAM NAME=”volume” VALUE=”50″><PARAM NAME=”uiMode” VALUE=”full”><PARAM NAME=”stretchToFit” VALUE=”1″></OBJECT>

这里只要修改几个参数即可:

height和width指播放器的高度和宽度,单位为px。

<PARAM NAME=”URL” VALUE=”音乐文件网址”>制定了播放的文件位置(URL),只要将里面的“音乐文件网址”替换成第一步得到的完整的音乐文件链接即可。

<PARAM NAME=”playCount” VALUE=”infinite”>用于设定播放次数(playCount),infinite为无限次循环播放,可将其改为数字,制定循环播放的次数。

<PARAM NAME=”autoStart” VALUE=”1″>指定是否自动播放音乐(autoStart),VALUE的值为0时不自动播放,为1时自动播放。

<PARAM NAME=”volume” VALUE=”50″>指定播放的音量(volume),可以修改VALUE的数值,调整想要的音量。

<PARAM NAME=”uiMode” VALUE=”full”>指定了播放器界面是否加入控制按键(uiMode),VALUE值为none时,只显示视频播放窗口,不显示“停止”,“播放/暂停”等按钮;为mini时,除了视频窗口,还会在窗口底下显示播放进度,以及“播放/暂停”,“停止”,“消音”和音量控制等按钮;为full时,除了视频窗口和播放进度显示,还会显示进度控制条,“播放/暂停”,“停止”,“消音”,“上一曲”,“下一曲”,“快进”,“快退”和音量控制等按钮;

<PARAM NAME=”stretchToFit” VALUE=”1″>用于当视频窗口比视频比播放的视频大时,是否对视频进行伸展(stretchToFit),以适应视频窗口的大小,VALUE值为1时表示自动扩展,为0时表示不扩展。

这些参数可以在MSDN里查找到。

最后,添加完代码,改完参数之后,保存,刷新博客,应该就能听到背景音乐了。如果听不到,先查下音乐文件链接有没有问题,另外和你用的播放器有关,IE肯定是没问题的。效果可以参照我的博客,用IE打开,在边栏底部可以看到播放器,能听到声音,大话西游的插曲 — 一生所爱(已被我移除)。

Categories: WordPress Tags: ,
  1. January 1st, 2010 at 01:40 | #1

    你好!我尝试了你这个方法,非常不错,很感谢!
    想问一下你,当点击了博客中的其他页面,音乐也就会重新播放了,情问有没有什么解决方法呢?有的话能告诉我吗?

  2. January 1st, 2010 at 02:07 | #2

    @shiweifu 你是把播放器放在侧边栏吧,这样每开一次页面,侧边栏都会加载,音乐也会重新播放。你可以把播放器放在主页上有但其他页面没有的地方。

  3. January 1st, 2010 at 07:15 | #3

    @nanyo
    我不是用播放器。是按照楼主的方法。
    好像主页有的地方其他页面都有哦,怎么办,大家教教我。。。

  4. January 2nd, 2010 at 14:16 | #4

    @shiweifu 那好像就没什么解决办法了,你可以把音乐设置成不自动播放

  5. February 3rd, 2010 at 20:59 | #5

    上传你想要的背景音乐文件到你的网站文件里,并获得链接?大哥这个怎么弄啊?上传的自己站点,要放到那个文件夹下?

  6. February 4th, 2010 at 21:42 | #6

    @丢iofo WordPress里有个Media Library,你可以在里面上传mp3文件,文件链接也会给你的。

  7. May 3rd, 2010 at 03:24 | #7

    博主,我想请问,如果我只想为单独的一篇博文添加一个音乐的播放器或者背景音乐的话,那么我该怎么做呢?

    还请解答,谢谢!!!!

  8. May 3rd, 2010 at 12:13 | #8

    @Tony 编辑文章时用html模式,然后把代码拷进去,这么做应该可行

  9. June 7th, 2010 at 10:59 | #9

    问博主个问题,我也尝试用这种方法过,就是你那个第二种方法。但有个问题啊,就是不管我把播放器放在哪个位置,比如现在我放置的侧边栏上,不过wordpress在加载了mediaplayer播放器之后,后面的内容就不会在加载了。比如我把它放到小工具的第一个,那么他就会只显示这个小工具,如果我放到小工具最后一个,也会导致footer不能被加载,不知道这个问题如何解决呢?

  10. June 7th, 2010 at 11:20 | #10

    @三侠五义 我没碰到过这问题诶,不知道如何解决。。。

  11. Nikky
    November 1st, 2010 at 02:47 | #11

    有些问题请教,方便加我的MSN:surin812@hotmail.com

  12. tober
    November 22nd, 2010 at 07:20 | #12

    请问一下,如果想添加多首歌,让它自动循环播放怎么弄呀?我完全不懂代码,只会复制你的代码:P

  13. tober
    November 22nd, 2010 at 07:37 | #13

    更奇怪的是我在text里添加完代码,点击那个蓝色椭圆形按钮“save”,代码被清空了,只剩下个标题,刷新主页,看到边栏有个标题,没有播放器没有音乐

  14. December 7th, 2010 at 17:30 | #14

    @tober google一下吧,我也没弄过多首歌的情况

  15. dawndxh
    January 16th, 2011 at 02:42 | #15

    楼主您好,我想用第二种办法,但是不太懂,不知是否能赐教一二…… 我的qq:292836905.谢谢!

  16. February 6th, 2011 at 23:15 | #16

    @dawndxh 不好意思,我很久不弄这个了,忘差不多了。你google或百度下使用办法把。

  17. May 20th, 2011 at 07:53 | #17

    @shiweifu
    把代码放到头部或者页脚可以换页不重新播放哦!

  18. August 10th, 2011 at 03:39 | #18

    我做了没用啊,还有就是重新打开一个页面会不会重新播放啊!

  19. August 20th, 2011 at 01:05 | #19

    @一生有你 你再研究研究吧,我已经不弄这个了。重新开一个页面会重新播放的,只要那个播放窗口也在新页面里出现。

  20. October 5th, 2011 at 10:27 | #20

    你好哦,我用了你的这个第一个方法,可是怎么都没有声音呢? 想请教你啊。。。。。? 为什么不行呢?

  1. March 30th, 2010 at 20:54 | #1
  2. May 20th, 2011 at 08:24 | #2