blogbus背景音乐及音乐播放器设置

很奇怪,不知道从哪儿来的流量,发现很多网友会问我关于blogbus设置背景音乐的问题。之前考虑过自己写个音乐播放器,但是因为没法兼容Firefox的原因,也就搁置没有做了。现在就一并回答所有网友的评论留言吧:)

1、关于背景音乐

插入背景音乐的HTML代码有三种:

1)bgsound标签插入

<bgsound src=”http://music.js.vnet.cn/music/kids/龙猫-水晶音乐.mp3″ loop=”-1″ />

把src里的URL地址换成你自己的就行了,你可能要等到音乐下载完了才能听到突然想起的背景音乐。

其中,loop参数定义的是歌曲播放的次数,-1代表不停止,改成你自己需要播放的次数即可。

2)embed标签插入

<embed src=”http://music.js.vnet.cn/music/kids/龙猫-水晶音乐.mp3″ width=”180″ height=”28″ />

同样,把src里的URL换成你自己的,这里可以通过设置width(宽),和height(高)的值来设置播放器的宽高,如果都设置成0,那么播放器就不可见了。这个标签有其他的属性,想研究的同学可以到这里看看

http://baike.baidu.com/view/678116.htm

3)object标签插入

<OBJECT id=”VIDEO” width=”180″ height=”28″
 CLASSID=”CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6″
 type=”application/x-oleobject”> 
 <PARAM NAME=”URL” VALUE=”http://music.js.vnet.cn/music/kids/龙猫-水晶音乐.mp3″>
</OBJECT>

和上面的embed是一样的用法。只是这种用法更加标准一些,参数也更多,一般网页上的HTML音乐播放器就是通过这个来做的。有兴趣的同学可以看这里研究

http://www.mioplanet.com/rsc/embed_mediaplayer.htm

以上三种方法最常用的是第二种,最标准的是第三种,它们的优点是插入音乐方便,只需这么一小段HTML代码就行了,但是缺点很多:

1)只能插入单首音乐

2)可能只能支持IE内核的浏览器

3)编辑者需要对HTML代码有所了解

如果说你的需求只是要一首背景音乐就行了。那么你可以用以上任何一种插入背景音乐的方法。如果你需要插入多首音乐可以选择播放。那么我建议你到网上找一个音乐播放器。

2、关于音乐播放器

音乐播放器的优点有:

  • 可以增加多首音乐进行选择播放
  • 可维护性好
  • 基本不会存在兼容性问题(尤其是FLASH版的)

好的音乐播放器很难早,我给大家推荐几款

1)91家园音乐播放器

先去http://www.91china.net/ 注册一个ID,接下来我说说简单的步骤吧。

a.“控制面板”里添加你的歌曲

b.“获取代码”里挑选一款播放器

c.选择一款将代码“复制到剪切板”

所有的音乐播放器基本上都是这几步,也就是说,最后你只需要得到一段html代码就行了,然后把html代码插到blogbus的模板中。至于如何插入代码,我随后讲解。继续推荐音乐播放器

2)九天音乐music+

http://i.9sky.com/widget/ 登录之后可以定制自己的音乐播放列表,这里还有比较详细的如何在blogbus中插入HTML代码的方法:http://group.9sky.com/Forum/Topic/23202/531707 ,当然我等下也会再详细的介绍下。

总之最后还是一样,你得得到一段音乐播放器的HTML代码

其实因为没有插入音乐播放器的习惯,所以对其他的播放器也不是很清楚,欢迎知道的朋友留言告诉我。

3、如何在blogbus首页中插入HTML代码

其实,之所以很多朋友不知道如何插入代码,是因为blogbus的后台用户体验不好(或者……故意设置这么麻烦让一般人不知道咋用?)。下面请大家一步步的按照我说的步骤来做。

    • 1)登陆到自己的blogbus首页
    • 2)找到“进入后台”的链接,输入用户名和密码后登录进去
    • 3)看到你头像那一排的“模板设置”了吗?点进去

    • 4)在“选择模板”下面有个“首页布局”,点进去

      blogbus背景音乐及音乐播放器设置

    • 5)点击“添加模块”,在弹出的窗口中,勾选上选择“自定义HTML 1”后,点“确定”
    • blogbus背景音乐及音乐播放器设置
    • 6)看到右侧的“自定义HTML 1”了吗?你可以拖动它调整位置,然后点“设置”

      blogbus背景音乐及音乐播放器设置

    • 7)点击“输入代码”,在弹出的窗口中,贴上代码。什么代码?就是上面1、2点一直提到的HTML代码,自己写的也行,从其他的网站提供的音乐播放器的代码也行。贴进去,点确定。

      blogbus背景音乐及音乐播放器设置

    • 8)点下“确认”,再点“保存布局”

      blogbus背景音乐及音乐播放器设置

OK,刷新下首页,看看效果吧~

 

另外,回答一下这么长日子以来网友的留言:

1、不是vip不能加音乐,是吗?…

非VIP用户也可以加音乐,只要你看懂了我上面说的自定义HTML代码的使用方法

2、麻烦问下.如何添加多首背景音乐循环播放?…

用上面提到的音乐播放器的HTML代码

3、你好,我想问一下,BLOGBUE的背景音乐怎么设置成循环…

给代码添加loop=”-1″的属性,详见以上第1点的第1)小点

 

如果说,你仔细看了以上的blogbus如何添加背景音乐,如何添加HTML代码后还有有疑问的话,直接在这篇日志下留言……然后告诉我哪里没看懂- -

 

你可能感兴趣的:(Blog)