千与千寻的龙猫
- Catge's Blog TerminalThis skin named Terminal, designed by Catge, about vistors since opened.
-
blogbus背景音乐及音乐播放器设置 - [ShareSkill] 2008-09-04
版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://catge.blogbus.com/logs/28529919.html
很奇怪，不知道从哪儿来的流量，发现很多网友会问我关于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）在“选择模板”下面有个“首页布局”，点进去
- 5）点击“添加模块”，在弹出的窗口中，勾选上选择“自定义HTML 1”后，点“确定”
- 6)看到右侧的“自定义HTML 1”了吗？你可以拖动它调整位置，然后点“设置”
- 7）点击“输入代码”，在弹出的窗口中，贴上代码。什么代码？就是上面1、2点一直提到的HTML代码，自己写的也行，从其他的网站提供的音乐播放器的代码也行。贴进去，点确定。
- 8）点下“确认”，再点“保存布局”
OK，刷新下首页，看看效果吧~
另外，回答一下这么长日子以来网友的留言：
1、不是vip不能加音乐，是吗？...
非VIP用户也可以加音乐，只要你看懂了我上面说的自定义HTML代码的使用方法
2、麻烦问下.如何添加多首背景音乐循环播放?...
用上面提到的音乐播放器的HTML代码
3、你好，我想问一下，BLOGBUE的背景音乐怎么设置成循环...
给代码添加loop="-1"的属性，详见以上第1点的第1)小点
如果说，你仔细看了以上的blogbus如何添加背景音乐，如何添加HTML代码后还有有疑问的话，直接在这篇日志下留言……然后告诉我哪里没看懂- -
收藏到：Del.icio.us
-
评论
这么说，弄个thickbox 就解决啦
请问下， 为什么我点击LINKS或者其他什么的 音乐就会停止呢？有什么办法解决呢？【MAYBE我的表达不清楚详见我的大巴囧】谢谢啦~
你可以把音乐播放器代码再加到其他子页面里，不过有个问题会是每次点击LINK后，就会从开头重新播放。
其他方法的话，除非点击LINK后，新开一个页面，这样原来页面就可以继续放了。偶就是这样滴
特感谢你详细的介绍.
终于弄好了..
提供一段代码，你把它加在音乐播放器代码的下面：
<script language="JavaScript">
for(var i=0;i<document.links.length;i++){document.links[i].target = "_blank";}
</script>
另外不要开两个首页，要不就有两个音乐播放器一起放了：）
我现在已经插入到我的博客的首页上了。
你只需要在它们网站上注册，然后按照流程下一步就能得到代码了，最后添加到blogbus上就行了。
http://www.myflashfetish.com/myspace-mp3players.php
您真是善良与耐心的典范！！鼓掌~
不过我想在日志里面插一个91家园FLASHA的播放器
请问怎么弄 先3Q
http://zhidao.baidu.com/question/34100954.html