hyleong's blog

记录网络生活,回味成长经历:)

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

想为博客添加背景音乐,搜了一下WordPress帮助文档,发现两个简单的办法,可以容易的向日志,边栏等添加音乐,一个方法不显示播放器, “真正”的背景音乐,另一种会显示播放器。因为是直接使用代码实现,所以博客最好装了Exec-PHP插件,这样边栏的widget小工具能执行PHP代码。\r\n\r\n 先说明,根据本人使用的情况(在边栏的widget里添加了代码),音乐播放功能在IE和Chrome能实现,而在Firefox下播放不了,我以为是Firefox的插件问题,于是装了window media player的Firefox插件,但还是没用。以下就以在边栏添加带播放器的播放功能为例,说明如何操作,其他情况以此类推。\r\n\r\n 首先,上传你想要的背景音乐文件到你的网站文件里,并获得链接,或者直接在网络上找一个音乐文件链接,就是 “http://www.×××.×××/×××/×××/***.mp3”,我只试过mp3文件,其他的没试过。\r\n\r\n接着,到WordPress控制台下,在“外观(Appearance)”选项里找到“小工具(Widgets)”,点击进入,然后拖放一个“文本(Text)”小工具放到边栏(Sidebar)里,在文本框输入区域添加代码即可。\r\n\r\n然后,拷贝代码,并替换音乐文件网址。如下,有两类代码。\r\n\r\n第一类,不显示播放器的,代码如下:\r\n\r\n \r\n\r\n BGSOUND指背景音乐,src是音乐文件的源地址,loop指的是播放的循环次数,infinite指无限次。如果不想设成无限次循环播放,可以将infinite改成对应的数字,指定循环播放的次数。我们要做的就两个,一是将“音乐文件网址”替换成第一步得到的音乐文件的完整链接地址,而是修改相应的循环播放次数,或者不改,取默认的infinite。\r\n\r\n第二类,显示播放器(调用Windows Media Player)的,代码如下:\r\n\r\n \r\n\r\n 这里只要修改几个参数即可:\r\n\r\n height和width指播放器的高度和宽度,单位为px。\r\n\r\n 制定了播放的文件位置(URL),只要将里面的“音乐文件网址”替换成第一步得到的完整的音乐文件链接即可。\r\n\r\n 用于设定播放次数(playCount),infinite为无限次循环播放,可将其改为数字,制定循环播放的次数。\r\n\r\n 指定是否自动播放音乐(autoStart),VALUE的值为0时不自动播放,为1时自动播放。\r\n\r\n 指定播放的音量(volume),可以修改 VALUE的数值,调整想要的音量。\r\n\r\n 指定了播放器界面是否加入控制按键(uiMode),VALUE值为none时,只显示视频播放窗口,不显示“停止”,“播放/暂停”等按钮;为mini时,除了视频窗口,还会在窗口底下显示播放进度,以及“播放/暂停”,“停止”,“消音”和音量控制等按钮;为full时,除了视频窗口和播放进度显示,还会显示进度控制条,“播放/暂停”,“停止”,“消音”,“上一曲”,“下一曲”,“快进”,“快退”和音量控制等按钮;\r\n\r\n 用于当视频窗口比视频比播放的视频大时,是否对视频进行伸展(stretchToFit),以适应视频窗口的大小,VALUE值为1时表示自动扩展,为0时表示不扩展。\r\n\r\n 这些参数可以在MSDN里查找到。\r\n\r\n最后,添加完代码,改完参数之后,保存,刷新博客,应该就能听到背景音乐了。如果听不到,先查下音乐文件链接有没有问题,另外和你用的播放器有关,IE肯定是没问题的。

7 Comments

  1. 会不会拖累博客的速度呢?

    • admin CHINA Mozilla Firefox Windows

      03/18/2010 at 19:59

      既然是要载入音乐,对速度肯定有影响!这就要看个人的喜好了!

  2. O(∩_∩)O哈哈~随便打了个网址来到了你的站,真的很。。。缘分啊

  3. BGSOUND这个不是很好,ms只有IE才支持这个标签\r\n\r\n我是这么用的,IE,chrome测试通过。BGSOUND测试不通过

  4. 《embed src=”http://nomaka.info/blog/mus/1.mp3″ loop=true width=0 height=0 》

  5. admin CHINA Mozilla Firefox Windows

    04/19/2010 at 22:38

    @nomaka \r\n\r\n恩,你这个方也可以!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*

This site uses Akismet to reduce spam. Learn how your comment data is processed.

© 2018 hyleong's blog

Theme by Anders NorenUp ↑