分享

如何用代码加背景音乐

 昵称Ft0PO 2011-10-03
在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>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多