主题：〖音乐教程〗各种音乐播放制作

装饰美化你的播放器

有了基本的款式后，我们就可以根据自己的想象力，巧用HTML的表格，根据自己的图片素材，装饰美化自己的播放器啦。只要你有足够的创意，调整代码，就可以得到各式各样的播放器。这里抛砖引玉先介绍几款。

首先我们可以为黑色播放器加上一个边缘
(中间红色的部分为原黑色播放器代码)

　

<TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#000000 align=center border=1>
<TBODY>
<TR>
<TD><P align=center><EMBED style="FILTER: Xray" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="- 1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

代码如下
　

<TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=white>
<TBODY>
<TR>
<TD><TABLE borderColor=#ff69b4 align=center bgColor=#ffccf5 border=2>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=100,style=3)">
<P align=center><EMBED src=歌曲地址 width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

还可以将播放器置于一个单独的表格里，并加上表格的透明特效，播放器上的花纹就是表格的底图。

　

代码如下:
<TABLE borderColor=#4f3256 align=center background=http://upload.yourblog.org/20057/kaka967.20050722115212.png border=1>
<TBODY>
<TR>
<TD style="FILTER: alpha (opacity=50,style=3)">
<P align=center> <EMBED src=歌曲地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></P></TD></TR></TBODY></TABLE>

还可以利用动态的GIF背景做成动态播放器

<TABLE borderColor=#dee4fe cellSpacing=3 cellPadding=0 align=center background=http://img.mms.sohu.com/mms/1213/00/12500/p2.gif border=2>
<TBODY>
<TR>
<TD>
<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=100,style=3)">
<P align=center><EMBED style="FILTER: Xtray" src=http://www.26yy.com/music//520yya/0076/9.wma width=340 height=50 type=audio/mpeg volume="0" autostart="false" loop="1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

最近由于生病一直没有及时将后续的教程贴上，敬请谅解~~~~~~

下面就接13楼继续教程！！

甚至还可以将动态背景只在播放器底部运行

<TABLE height=40 cellSpacing=0 cellPadding=0 width=300 background=http://img.mms.sohu.com/mms/1213/00/12500/p2.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE style="FILTER: Chroma (Color='#000000')" height=40 cellSpacing=0 cellPadding=0 width=300 border=0>
<TBODY>
<TR>
<TD>
<P align=center><EMBED style="FILTER: Gray" src=歌曲地址 width=300 height=40 type=audio/mpeg volume="0" autostart="false" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

代码:　

<TABLE cellPadding=100 width=480 align=center background=http://xz1.2000y.net/348114/uploadpic/20041030231251990.jpg border=0 cellSpacing40>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#228b22 cellSpacing=15 borderColorDark=#00ced1 cellPadding=0 width=480 align=center border=10>
<TBODY>
<TR>
<TD>
<P align=center><STRONG><FONT color=#006400 size=6></FONT></STRONG>
<P align=center><FONT color=#7fff00>加入文字</FONT>&nbsp;</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<P></P>

代码:

<TABLE cellPadding=100 width=480 align=center background=http://xz1.2000y.net/348114/uploadpic/20041027224449277.jpg border=0 cellSpacing40>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#228b22 cellSpacing=15 borderColorDark=#00ced1 cellPadding=0 width=480 align=center border=10>
<TBODY>
<TR>
<TD>
<P align=center><STRONG><FONT color=#006400 size=6></FONT></STRONG>
<P align=center><FONT color=#7fff00>加入文字</FONT>&nbsp;</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>