::::一杯茶::::  Blos's
我的日历
<<  < 2007 - >  >>
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
我的公告
博客搬家了!
新博客网址:http://xxbk.com
希望还能看到大家熟悉的身影,
因为你,我的生活才会更精彩...
登陆管理

最新日志
最新评论
最新留言

站点信息

  • 日志:286
  • 评论:1098
  • 留言:104
  • 访问:

我的邻居



「 在Blog中添加音乐播放器详解 」
→晓晓 发表于 2006-1-15 20:22:00

此教程主要适用于oblog。因不同博客系统不同,但方法都大同小异。有欠缺的地方,希望能指出,非常感谢!

首先我们需要做以下准备:

1.获得音乐资源的URL,大家可以到百度mp3搜索中找。音乐不能太大,否则文件传输会成问题。最好为wma格式的,同种音质比mp3要小的多。把地址http://复制下来备用

2.建议先备份你的模板,不小心把模板改乱了,可以用恢复模板来恢复。(发表日志、修改公告跳过此步)

第一种:直接添加(适用于发表新日志,修改模板、公告)

我不懂代码?没问题!因为oblog系统提供了可视化的操作界面,因此我们可以很方便的插入想要的音乐而不用去碰那些复杂枯燥的代码。这种方法最简便、快捷,比较适合于新手。

1.根据文件格式,点击按钮插入音乐,为插入Winodws Media,支持avi、wmv、wma、asf、mov、mp3格式;为插入Real Media,支持rm、ra、ram、mp3格式。通常我们使用的是wma、mp3格式,点击即可。

2.按照提示把地址贴上去,修改长、宽,是否自动播放,确定。如果觉得太大或太小可再用鼠标自行调整直到满意为止。只播放不显示则宽度:0 ,高度:0 。

 

第二种:代码添加(适用于修改模板、公告)

这种方法比较灵活。我们可以在这里设置播放器是否循环播放、音量的大小、面板的外观等

1,登陆→管理中心→修改公告或修改主模板

2,点击“源码”,然后把下面这段代码粘贴进去。 如下,点击代码进行演示:

<embed src="http://219.153.7.151:8576//265mu2/0138/5.Wma" autostart="true" loop="1" width="170" height="25"></embed>

其中"http://219.153.7.151:8576//265mu2/0138/5.Wma" 用你自己音乐的URL替换。

如果你只是想隐藏控制画面,很简单,将width和height都设置为0就可以了。

相关属性 :

autostart=true为设置是否自动播放,true 是,false 否 (内定值)。

loop="true"为设置是否循环播放,true 是, false 只播放一次,为数字则播放指定次数,如loop="5"则播放5次。

HIDDEN="true"
是否完全隐藏控制画面,true 为是,no 为否 (内定)。

WIDTH="整数" 和 HIGH="整数"
设定控制面板的高度和宽度。
width="170" height="25"为分别设置宽170、高25。

VOLUME="0-100"
设定音量的大小,数值是0到100之间。内定则为使用系统本身的设定。

CONTROLS="smallconsole"
设定控制面板的外观。预设值是 console。
console 一般正常面板   
smallconsole 较小的面板   
playbutton 只显示播放按钮   
pausecutton 只显示暂停按钮   
stopbutton 只显示停止按钮   
volumelever 只显示音量调节按钮

添加背景音乐可以在公告中添加也可以在模板中添加。直接在公告中添加,不需要更新全站,比较简便,但不能改变位置。在模板中添加需要更新全站,但可以随意添加到模板的任意位置。

这里介绍一种两全其美的方法:利用HIDDEN将播放器隐藏添加在公告中,再将控制按钮放在模板任意位置。

代码如下:修改公告,添加

<EMBED name=wma src="/blog/http://219.153.7.151:8576//265mu2/0138/5.Wma hidden=true type=audio/mpeg autostart="false" loop="-1">

修改模板,在您想添加的位置添加

<SPAN style="BACKGROUND-COLOR: #000000"><FONT color=#cccc33><STRONG>
<MARQUEE style="WIDTH: 87; HEIGHT: 19" scrollAmount=2 bgColor=#000000><FONT color=#cccc33><STRONG>+…聆听…+</STRONG></FONT></MARQUEE></STRONG></FONT></SPAN><FONT> </FONT>
<A href="javascript:document.wma.play()" target=_self>
<FONT style="BACKGROUND-COLOR: #cd0351" color=#ffffff><U> &nbsp;PLAY&nbsp;;</U></FONT></A>&nbsp;<A href="javascript:document.wma.stop()" target=_self><FONT style="BACKGROUND-COLOR: #cd0351" color=#ffffff><U>&nbsp;STOP</U></FONT></A>

当您想更换歌曲时就可以直接修改公告中的代码,而不用修改模板,而它的控制按钮又在您想要的位置。

 

第三种:申请时尚音乐播放器

如果你觉得这样的播放器太普通了,也可以去申请个性时尚的音乐在线播放器,这种播放器支持同时加入多首歌曲在线播放,功能比较完整,界面美观。

几个申请播放器的网址:

WoBox音乐盒:http://www.blogworld.com.cn/music/index.jsp

我的MP3:http://mp3.mz99.com/

我的音乐盒:http://www.94200.com/freebgm/

翠竹:http://mf.cuiz.net/czplayer/reg.asp (注册时间:10:00~13:00 & 20:00~23:00)

宠儿:http://www.onlybeloved.com/player2/user_reg.asp

鸳鸯鹭鸶- http://web.168173.com/starjason/player/index.asp

逆天网络- http://www.ahlq315.com/a/

幸福城市- http://www.popo4.com/bgmusic/

 注册申请选个自己喜欢的款式,先添加歌曲,把你喜欢的音乐统统添加进去,提取代码,把代码复制下来。然后按照上述方法进行修改就可以了!

 

说明:

1.插入背景音乐会使页面声色不少,但最好不要自动播放,因为很多人是一边上网一边听歌,这样就变成协奏曲了。因此尽量让浏览者自己选择,这样即不会减慢网页速度,又能够让浏览者分享自己的音乐。

2.如何确定播放器在页面中的位置:
如果你怕出现错误,有一个非常笨的办法,在你想放播放器的地方,随便敲几个汉字进去,然后切换到源码页面,ctrl+f搜索你刚才键进去的字,然后在这个字的位置把播放器的代码贴上去就好了,呵呵,高手别笑俺~~

有兴趣的就赶快试一试吧!

阅读全文 | 回复(21) | 引用通告 | 编辑  」
「 [www.52tuozhan.com 拓展训练]
拓展训练(游客)发表评论于2007-8-23 15:09:00
[www.china123456.com 拓展培训] [www.52tuozhan.com 拓展训练] [www.china123456.com 拓展训练] [www.bjkasj.cn 荣泰按摩椅] [www.010xyy.com 北京婚庆] [www.xyyjiazheng.com 北京月嫂] [www.xyyjiazheng.com 家政]
[www.52tuozhan.com 拓展培训] [www.bjkasj.cn 按摩椅] [www.bjjac.cn 叉车] [www.bjkasj.cn 东方神按摩椅] [www.dynejunhui.com 光端机] [www.xwjing.com 超声波清洗机] [www.flow17.com 涡轮流量计] [www.zfz1936.com 婚庆公司]
[www.huangsiso.com 除皱] [www.lingzhitong.com 电路维修测试仪] [www.lingzhitong.com 电路板维修] [www.uelab.net 精密天平] [www.edu-embedded.com 单片机培训] [www.bjquanli.com 塑料袋] [www.edu-embedded.com 单片机学习]
[www.medel.com.cn 神经性耳聋] [www.bchy.com.cn 调压器] [www.medel.com.cn 人工耳蜗]
个人主页 | 引用 | 返回 | 删除 | 回复  」
「 Re:在Blog中添加音乐播放器详解
世纪网络(游客)发表评论于2007-7-27 0:51:00
你好:)想和交换友情链接.
世纪网络
http://www.sjwlgs.com
已经做好贵站链接,请查看
链接已经提交.
个人主页 | 引用 | 返回 | 删除 | 回复  」
「 Re:在Blog中添加音乐播放器详解
云南旅游(游客)发表评论于2007-6-21 11:33:00
标题: 云南旅游信息港
链接: http://www.yunnanlyou.com
摘要: 云南旅游信息港提供最新最全云南旅游资讯

标题: 云南会议 昆明会议
链接: http://www.yunnanlyou.com
摘要: 云南会议,昆明会议会展中心
个人主页 | 引用 | 返回 | 删除 | 回复  」
「 Re:在Blog中添加音乐播放器详解
sjwlg(游客)发表评论于2007-6-10 19:08:00
世纪网络-专业域名注册,虚拟主机,网站空间,网站推广,网站域名,特惠套餐,申请服务提供商。
网址是http://wed.sjwlgs.com
个人主页 | 引用 | 返回 | 删除 | 回复  」
「 Re:在Blog中添加音乐播放器详解
世纪网络(游客)发表评论于2007-6-10 19:06:00
世纪网络-专业域名注册,虚拟主机,网站空间,网站推广,网站域名,特惠套餐,申请服务提供商。站长好,你的博客做得真不错,挺有特色的,我会介绍其他朋友也来参观,呵呵。我也有个网站,
网址是http://www.sjwlgs.com
个人主页 | 引用 | 返回 | 删除 | 回复  」
「 晴天
天气(游客)发表评论于2007-2-1 10:44:00

端机,就是将多个E1(一种中继线路的数据传输标准,通常速率为2.048Mbps,此标准为中国和欧洲采用)信号变成光信号并传输的设备(它的作用主要就是实现电-光和光-电转换)。光端机根据传输E1口数量的多少,价格也不同。一般最小的光端机可以传输4个E1,目前最大的光端机可以传输4032个E1。
 

个人主页 | 引用 | 返回 | 删除 | 回复  」
「 Re:在Blog中添加音乐播放器详解
sdf(游客)发表评论于2007-1-28 14:16:00
[ url =http://www.lijiangtour.org/xishuangbannalvyou/index.html]西双版纳旅游[ /url ]
[ url =http://www.lijiangtour.org/xishuangbannalvyou/index.html]云南西双版纳[ /url ]
[ url =http://www.lijiangtour.org/xishuangbannalvyou/index.html]西双版纳[ /url ]
[ url =http://www.lijiangtour.org/xishuangbannalvyou/index.html]版纳旅游[ /url ]
[ url =http://www.lijiangtour.org/xishuangbannalvyou/index.html]西双版纳攻略[ /url ]
[ url =http://www.lijiangtour.org/xishuangbannalvyou/index.html]西双版纳游[ /url ]
[ url =http://www.lijiangtour.org/xishuangbannalvyou/index.html]西双版纳自助游[ /url ]
[ url =http://www.lijiangtour.org/xishuangbannalvyou/list_312.html]西双版纳景点介绍[ /url ]
[ url =http://www.lijiangtour.org/xishuangbannalvyou/list_312.html]西双版纳景点[ /url ]
[ url =http://www.lijiangtour.org/xishuangbannalvyou/list_312.html]西双版纳风景[ /url ]
[ url =http://www.lijiangtour.org/xishuangbannalvyou/list_321.html]云南西双版纳旅游[ /url ]
[ url =http://www.lijiangtour.org/xishuangbannalvyou/list_321.html]版纳旅游[ /url ]
[ url =http://www.lijiangtour.org/xishuangbannalvyou/list_314.html]西双版纳游记[ /url ]
[ url =http://www.lijiangtour.org/lvyouzhinan/list_325.html]会议接待[ /url ]
[ url =http://www.lijiangtour.org/lvyouzhinan/list_325.html]云南会议[ /url ]
[ url =http://www.lijiangtour.org/lvyouzhinan/list_325.html]昆明会议[ /url ]
[ url =http://www.lijiangtour.org/lvyouzhinan/lvyouzhinan_5437.html]会议旅游[ /url ]
[ url =http://www.lijiangtour.org/lvyouzhinan/lvyouzhinan_5437.html]云南会议旅游[ /url ]
[ url =http://www.lijiangtour.org/lvyouzhinan/lvyouzhinan_5435.html]会议旅游特点[ /url ]
[ url =http://www.lijiangtour.org/lvyouzhinan/lvyouzhinan_5435.html]商务会议旅游[ /url ]
[ url =http://www.lijiangtour.org/lvyouzhinan/lvyouzhinan_5435.html]商务会议旅游[ /url ]
[ url =http://www.lijiangtour.org/lvyouzhinan/lvyouzhinan_5434.html]会议旅游策划[ /url ]
[ url =http://www.lijiangtour.org/kunminglvyou/kunminglvyou_5456.html]云南旅行社[ /url ]
[ url =http://www.lijiangtour.org/kunminglvyou/kunminglvyou_5456.html]昆明旅行社[ /url ]
个人主页 | 引用 | 返回 | 删除 | 回复  」
「 Re:在Blog中添加音乐播放器详解
7hhhj(游客)发表评论于2007-1-16 14:55:00
ok。
[12530]
个人主页 | 引用 | 返回 | 删除 | 回复  」
「 Re:在Blog中添加音乐播放器详解
wighakh(游客)发表评论于2006-8-23 19:57:00
谢了,朋友
个人主页 | 引用 | 返回 | 删除 | 回复  」
「 Re:在Blog中添加音乐播放器详解
xfeng(游客)发表评论于2006-7-21 8:46:00
站长好,你的博客做得真不错,挺有特色的,我会介绍其他朋友也来参观,呵呵。我也有个网站,网址是http://www.netinter.cn,是做虚拟主机域名注册的,有空也来看看哟。
个人主页 | 引用 | 返回 | 删除 | 回复  」
「 Re:在Blog中添加音乐播放器详解
鸳鸯鹭鸶(游客)发表评论于2006-5-16 1:53:00
偶的地址已经修改http://starjason.as06.com/player/index.asp
个人主页 | 引用 | 返回 | 删除 | 回复  」
「 Re:在Blog中添加音乐播放器详解
鸳鸯鹭鸶(游客)发表评论于2006-5-14 23:44:00

由于免费空间出了问题

地址修改为 http://starjason.as06.com/player/index.asp

个人主页 | 引用 | 返回 | 删除 | 回复  」
「 Re:在Blog中添加音乐播放器详解
大雄(游客)发表评论于2006-3-30 3:01:00

哈,你的文章非常有用啊.

我是新手,照你说的弄好了.非常感谢.

谢谢!

个人主页 | 引用 | 返回 | 删除 | 回复  」
「 Re:在Blog中添加音乐播放器详解
丁零(游客)发表评论于2006-3-17 16:29:00

寻求帮助啊? 我已经申请了播放器.但没弄好 地址就丢了  怎么能找回啊.谢谢

个人主页 | 引用 | 返回 | 删除 | 回复  」
「 Re:在Blog中添加音乐播放器详解
狼吻(游客)发表评论于2006-3-8 14:00:00

太好了!

谢谢啊!

天啊

你怎么懂那么多啊!

个人主页 | 引用 | 返回 | 删除 | 回复  」
「 Re:在Blog中添加音乐播放器详解
夏晚诗(游客)发表评论于2006-1-24 13:44:00
谢谢了!你让我一直以来困惑的问题给解决了!
个人主页 | 引用 | 返回 | 删除 | 回复  」
「 Re:在Blog中添加音乐播放器详解
小鱼鱼发表评论于2006-1-22 17:17:00

哇,我都眼花了!

晕晕

 

个人主页 | 引用 | 返回 | 删除 | 回复  」
「 Re:教你如何在Blog中添加音乐播放器
宠儿博客(游客)发表评论于2005-12-19 8:47:00
宠儿:http://www.onlybeloved.com/player2/user_reg.asp
个人主页 | 引用 | 返回 | 删除 | 回复  」
「 Re:教你如何在Blog中添加音乐播放器
五十米深蓝(游客)发表评论于2005-12-12 21:38:00
兄弟,有礼了。
个人主页 | 引用 | 返回 | 删除 | 回复  」
「 Re:教你如何在Blog中添加音乐播放器
sarakeke(游客)发表评论于2005-11-6 1:34:00
真是太感谢你了,太好了
个人主页 | 引用 | 返回 | 删除 | 回复  」
「 Re:教你如何在Blog中添加音乐播放器
huweixiaoxi(游客)发表评论于2005-9-22 18:16:00
真的很感谢你
个人主页 | 引用 | 返回 | 删除 | 回复  」

发表评论:

    大名:
    密码: (游客无须输入密码)
    主页:
    标题: