注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

丞远的博客

晓天下之礼,礼通天下;知人间之情,情感人间.

 
 
 

日志

 
 

如何加背景音乐  

2008-12-26 18:05:52|  分类: 博客制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

  在HTML中,最常用的插入背景音乐有两种方法:一种是贴子里不显示播放器代码,另一种是显示播放代码。

一、隐藏播放器代码:

隐藏播放器的格式:

<embed src="音乐地址.mp3" autostart="true" width="true" height="true" loop="true" hidden="true"></embed> 

  

也可用下面这组代码:

<embed src="音乐地址.mp3" autostart="true" loop="true" hidden="true"></embed>

二、显示播放器代码格式:

<EMBED src="背景音乐网址" width=450 height=45 loop="true" autostart="true"></embed>

显示效果:

在这里我讲一下各种参数代表的意思:

src:在此代码后面插入多媒体文件的网址,如:音乐、视频、flash动画等。

autostart:设定音乐是否自动播放的选项

此选项下有两个值"true"(是)和"false"(否),

如果自动播放选 autostart="true",手动播放选 autostart="false"

width和height:设定播放器面板大小的,hidden="true"时将无效。

贴音乐这两个参数,我一般都设置为350×45;如果是视频文件而且分辨率不高的话,可以不设,用视频文件的原始尺寸来显示;如果是flash动画,最好还是给它设个合适的大小,以免过小。

loop:是控制音乐是否循环播放选项

默认值是"false"即只播放一次,不循环再放; “=true” 或 “=-1”就是不断循环播放。

三、改变播放器颜色的方法:

  在显示播放器时,我们可以改变播放器代码中〔 风格=滤镜的选项 style="FILTER: xray()" 〕只要改变一下滤镜的参数,播放器就不是单一的白色了,可以变成你喜欢的其它金属色,这里我教大家四种播放器的改变方法:

1、金属黑色带缓冲速度显示的播放器代码:

<EMBED style="FILTER: xray()" src=音乐地址.mp3 width=400 height=45type=audio/mpeg ShowStatusBar="1" volume="0" autostart="false" loop="-1">

显示效果:

2、金属黑色播放器代码:

<EMBED src=音乐地址.mp3 style="FILTER: xray()" width=400 height=45type=audio/x-pn-realaudio-plugin controls="ControlPanel" loop="true" autostart="false" volume="100" Initfn="load-types" mime-types="mime.types">

显示效果:

3、银色播放器代码:

<EMBED style="FILTER: gray()" src=音乐地址.mp3 width=400 height=45volume="0" autostart="false" loop="-1">

显示效果:

4、金色播放器代码:

<EMBED style="FILTER: Invert()" src=音乐地址.mp3 width=400 height=45 volume="0" autostart="false" loop="-1">

显示效果:

 如果大家做贴使用时,可以改为自动,即把 autostart="false" 改为 autostart="true"

 

 三、装饰性播放器:

  在播放器的制做中,我们还可以加上背景图案等来进行修饰,方法如下:

 

1、加花纹背景的播放器,代码如下:

<table align="center" cellspacing="0" cellpadding="0" background="此处加图片地址" border=0><tr><td style="filter:Alpha(Opacity=25,Style=0"><EMBED SRC="音乐地址.mp3" height=45></EMBED></td></tr></table>

 

  因为这类装饰性的播放器代码被网易系统过滤掉,所以在博客里不显,我就不加显示效果了(主要是加了也是白加)。

  但大家可以学会后可以在论坛和有些不过滤代码的博客网站里使用。

 

 

 

========================================================================================

  现在把我常用的播放器代码也教给大家,先看效果:

 

 

Thinking Of You

下载

 

代码如下:

 

<div align="center"><table border="0" width="250" cellspacing="0" cellpadding="0" height="37"><tr><td>

<FIELDSET style="border:10px ridge #2a2512; padding:2px; WIDTH: 250px; height:38px"><LEGEND align="left"><FONT style="FONT-SIZE: 9pt" color=#2a2512>Thinking Of You </FONT></LEGEND>

<TABLE borderColor=#2a2512 height=30 cellSpacing=0 cellPadding=0 width="70%" bgColor=#2a2512 border=3><TBODY><TR><TD align="center">

<P align=center><EMBED style="FILTER: GRAY()" src=音乐地址.mp3 width=200 height=30 type=audio/mpeg volume="0" autostart="-1" loop="-1" ></P></TD>

<TD align="center"><A href="音乐地址.mp3" target=_blank><FONT style="COLOR: #ffffff; BACKGROUND-COLOR: #2a2512">下载 </FONT></A></TD></TR></TBODY></TABLE></FIELDSET></td></tr></table></div>

 

这个播放器与上面播放器的不同之处:

1、多加了一个透明表格(即不显示边框的隐藏表格),以用来设置播放器的位置,

代码如下:

<div align="center"><table border="0" width="250" cellspacing="0" cellpadding="0" height="37"><tr><td>

 

2、加了一个分组框,以用来加上音乐标题,代码如下:

<FIELDSET style="border:10px ridge #2a2512; padding:2px; WIDTH: 250px; height:38px"><LEGEND align="left"><FONT style="FONT-SIZE: 9pt" color=#2a2512>Thinking Of You </FONT></LEGEND>

注意一点,这里的<LEGEND align="left">表示文字在分组框的左侧,你可以根据自己的喜欢,改为居中"center"或居右"right"。

 

3、加了一个有背景色的单元表格,把播放器放在里面,代码下:

<TABLE borderColor=#2a2512 height=30 cellSpacing=0 cellPadding=0 width="70%" bgColor=#2a2512 border=3>

<TBODY><TR><TD align="center">

borderColor=#2a2512 这里是背景色的设置,只要改变下颜色代码就可以改变背景色。

 

4、加了下载超链接,代码如下:

<A href="此处加音乐地址" target=_blank><FONT style="COLOR: #ffffff; BACKGROUND-COLOR: #2a2512">下载 </FONT></A>

                                  

  评论这张
 
阅读(98)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018