一步一步学代码---音乐处理(播放和播放器)[连载15]

[没起名]

三 音乐处理
1 播放和播放器
　　（１）播放设置
1）自动（手动）播放
　　论坛里播放音乐，一般有两种选择：一是“自动播放”，即打开该贴音乐就开始播放，在这种情况下可以不显示出播放器；二是“手动播放”，即看贴人若想听该贴里的音乐，必须点播放器上的“播放”按扭，音乐才能播放。当然，在该模式下必须要显示出不妨器！
　　点论坛编辑框上面的按扭，注意那里有３个，其中两个是音乐的（rm的、其它的），一个是flash的。在点出的画面上有关于“自动播放”或“手动播放”的选项。但论坛带的播放器从颜色到效果上不一定适合个人要求（尽管可以调整播放器的大小）。因此，往往需要自己制作一个漂亮的播放器。
先以一例说明播放设置：
自动播放：

自动播放：

自动播放：
<EMBED src=http://www.sznx.com.cn/nt/discol/lj33/music/music11.mp3 width=300 height=60 type=audio/mpeg border="0" AutoStart="1"></EMBED>
手动播放：
<EMBED src=http://www.sznx.com.cn/nt/discol/lj33/music/music11.mp3 width=300 height=60 type=audio/mpeg border="0" AutoStart="0"></EMBED>
区别仅为AutoStart="1"还是"0"。
另外，代码中有音乐地址、播放器的宽与高（自己可改）。
2）连续播放
我们知道，若不加设置，用论坛播放器播放音乐，当音乐播放完（一次）后就自动停止再播放了。若想再听一次就必须点“播放”按扭，给我们带来不便。如何人是音乐连续不断地一遍一遍地播放呢？
连续播放：
<EMBED style="FILTER: xray()" src=http://www.sznx.com.cn/nt/discol/lj33/music/music11.mp3 width=300 height=60 type=audio/mpeg volume="0" autostart="true" loop="-1">
（2）美化播放器
下面仅给出几种具有个性的播放器代码，大家不难到论坛看其显示结果。
红点长细条播放器：
<DIV align=center><EMBED style="FILTER: invert(); WIDTH: 400px; HEIGHT: 28px" src=http://www.5aschool.com/mp3/xddmgjqqdk.wma type=audio/x-ms-wma volume="0" loop="-1" autostart="true"></DIV>
黑色长条播放器：
<EMBED style="FILTER: Xray" src=http://hbcw.hndt.com/bbs/UploadFile/200 ... 270399.mp3 width=640 height=45 type=audio/mpeg volume="0" autostart="true" loop="-1"></EMBED>
带框播放器：
<TABLE border=20><TBODY><TR><TD><EMBED style="FILTER: invert()" src=http://ftp.nxnews.net/music/20053249245813695.mp3 width=350 height=40 type=audio/mpeg volume="0" autostart="TRUE" loop="true"></EMBED></TD></TR></TBODY></TABLE>
绿色播放器：
<P align=center><TABLE borderColor=#87fff0 align=center bgColor=#87fff0 border=2><TBODY><TR><TD style="FILTER: alpha(opacity=100,style=3)"><CENTER><FONT size=4><EMBED style="FILTER: invert(); WIDTH: 350px; HEIGHT: 30px" src=http://pan.bn163.net/mp3/ndfx4.mp3 type=application/octet-stream loop="-1" autostart="true"></EMBED><EMBED></EMBED></FONT></CENTER></TD></TR></TBODY></TABLE></P>
粉红色播放器：
<P><TABLE borderColor=#ff69b4 align=center bgColor=#ffccf5 border=2><TBODY><TR><TD style="FILTER: alpha(opacity=100,style=3)"><P align=center><EMBED src=http://www.616bbs.com/picture/ls/qita/mlxq.wma width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"></P></TD></TR></TBODY></TABLE></P>
闪动播放器：
<TABLE borderColor=#000000 cellSpacing=6 cellPadding=10 width="50%" align=center background=http://22074.bn163.net/bbs/UploadFile/2 ... 085529.gif border=1><TBODY><TR><TD><DIV align=center><EMBED style="FILTER: invert(); WIDTH: 400px; HEIGHT: 35px" src=http://222.33.56.102:8089/wma2/nv/wangr/wr_001/6.wma type=audio/mpeg volume="0" loop="-1" autostart="true"></DIV></TD></TR></TBODY></TABLE>
暗色带时间播放器：
<P align=center><EMBED id=M.E style="BORDER-RIGHT: #ced8ef 5px solid; BORDER-TOP: #ced8ef 5px solid; FILTER: wave(strength=0,freq=1,lightstrength=65,phase=60,add=0) alpha(opacity=80 Style=1 FinishOpacity=80) gray progid:DXImageTransform.Microsoft.glow(color=#000000 Direction=120 strength=4 PixelRadius=0 MakeShadow=0); BORDER-LEFT: #ced8ef 5px solid; WIDTH: 300px; BORDER-BOTTOM: #ced8ef 5px solid; HEIGHT: 80px" src=http://www.616bbs.com/picture/ls/qita/mlxq.wma type=audio/x-ms-wma ; showstatusbar="10" loop="50" SHOWDISPLAY="0" volume="0"></P>
上面为画面的播放器：
<TABLE borderColor=#000000 height=249 cellSpacing=0 cellPadding=0 width=314 align=center background=http://blog.chosun.com/web_file/blog/16 ... -11-07.gif border=0><TBODY><TR><TD width=314 height=180 cellpadding="0" cellspacing="0"></TD></TR><TR><TD align=left><P align=center><EMBED src=http://4fong.com/mp3/为什么相爱的人不能在一起.mp3 width=310 height=28 type=video/x-ms-asf loop="-1" autostart="0" volume="0"></EMBED></P></TD></TR></TBODY></TABLE>
抽屉型播放器：
<DIV align=center><TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#000000,direction:145,strength:80)" cellSpacing=0 cellPadding=0 align=center border=0><TBODY><TR><TD><CENTER><EMBED style="FILTER: xray()" src=http://shes.hymp3.com/music/v56-/0182/3.wma width=300 height=58 type=audio/x-ms-wax AUTOSTART="0" playCount="0" volume="0" showstatusbar="0" showaudiocontrols="1" showtracker="1" ShowControls="1" showpositioncontrols="0" showdisplay="0" ShowGotoBar="1" enablecontextmenu="1"></CENTER></TD></TR></TBODY></TABLE></DIV>
可放入且滚动显示歌词的播放器：可放入且滚动显示歌词的播放器：
<P align=center><TABLE style="BORDER-RIGHT: white 6px inset; BORDER-TOP: white 6px inset; BORDER-LEFT: white 6px inset; BORDER-BOTTOM: white 6px inset" cellSpacing=0 cellPadding=0 width=300 bgColor=#00000 border=0><TBODY><TR><TD><EMBED style="LEFT: 130px; WIDTH: 300px; TOP: 154px; HEIGHT: 143px" pluginspage=http://www.sznx.com.cn/nt/discol/lj33/music/music11.mp3 width=300 height=143 type=application/x-mplayer2 PlayCount="0" AUTOSTART="1" SHOWDISPLAY="1" SHOWSTATUSBAR="1" FileName="http://www.sznx.com.cn/nt/discol/lj33/m ... 3"></EMBED> </TD></TR><TR><TD HIGHT="25"><MARQUEE scrollAmount=1><FONT face=宋体 color=#90a4f7 size=2>好一朵茉莉花, 好一朵茉莉花, 满园花草,香也香不过它,我有心采一朵戴,又怕看花的人儿要将我骂,好一朵茉莉花,好一朵茉莉花,茉莉花开,雪也白不过它,我有心采一朵戴,又怕旁人笑话,好一朵茉莉花,好一朵茉莉花,满园花开,比也比不过它,我有心采一朵戴,又怕来年不发芽,好一朵茉莉花,好一朵茉莉花,满园花开,比也比不过它,我有心采一朵戴,又怕来年不发芽,我有心采一朵戴,又怕来年不发芽.~~</FONT></MARQUEE></TD></TR></TBODY></TABLE></P>
虚长椭圆播放器：
<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=20, FinishX=0, FinishY=0)gray()" height=20 width=197><TBODY><TR><TD align=middle width=207 height=16><FONT color=#ffffff><EMBED align=right src=http://music.gwbnsh.net.cn/music/NeiDi/0002/2/08.mp3 width=526 height=47 type=audio/mpeg loop="true" autostart="true" panel="0"></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>








好一朵茉莉花, 好一朵茉莉花, 满园花草,香也香不过它,我有心采一朵戴,又怕看花的人儿要将我骂,好一朵茉莉花,好一朵茉莉花,茉莉花开,雪也白不过它,我有心采一朵戴,又怕旁人笑话,好一朵茉莉花,好一朵茉莉花,满园花开,比也比不过它,我有心采一朵戴,又怕来年不发芽,好一朵茉莉花,好一朵茉莉花,满园花开,比也比不过它,我有心采一朵戴,又怕来年不发芽,我有心采一朵戴,又怕来年不发芽.~~

练习：打造你的个性播放器！
熟能生巧，要多加练习哦！