添加网页背景音乐的两种方法

为网页添加背景音乐的方法一般有两种，第一种是通过普通的< bgsound>标签来添加，另一种是通过< embed>标签来添加 

1.< bgsound　src="music.mid"　loop="-1">

其中，loop="-1"表示音乐无限循环播放，如果你要设置播放次数，则改为相应的数字即可

2.< embed　src="music.mp3"　autostart="true"　loop="true"　hidden="true">< /embed>。

 

第一种方法当页面打开时音乐播放，如果将页面最小化以后播放音乐会自动暂停，

第二种方法则不会出现这种情况，只要不将窗口关闭，它会一直播放

 

■  <bgsound>：    
  <bgsound>   是用以插入背景音乐，但只适用於   IE，其参数设定不多。如下    
  <bgsound   src="your.mid"   autostart=true   loop=infinite>    
   
  src="your.mid"    
  设定   midi   档案及路径，可以是相对或绝对。    
  autostart=true    
  是否在音乐档传完之後，就自动播放音乐。true   是，false   否   (内定值)。    
  loop=infinite    
  是否自动反覆播放。LOOP=2   表示重复两次，Infinite   表示重复多次。    
     
  ■   <EMBED>：    
  <EMBED>   是用以插入各种多媒体，格式可以是   Midi、Wav、AIFF、AU   等等，Netscape   及   新版的   IE   都支援。其参数设定狻多。如下    
  <EMBED   src="your.mid"   autostart="true"   loop="true"   hidden="true">    
   
  src="your.mid"    
  设定   midi   档案及路径，可以是相对或绝对。    
  autostart=true    
  是否在音乐档传完之後，就自动播放音乐。true   是，false   否   (内定值)。    
  loop="true"    
  是否自动反覆播放。LOOP=2   表示重复两次，true   是，   false   否。    
  HIDDEN="true"    
  是否完全隐藏控制画面，true   为是，no   为否   (内定)。    
  STARTTIME="分:秒"    
  设定歌曲开始播放的时间。如   STARTTIME="00:30"   表示从第30秒处开始播放。    
  VOLUME="0-100"    
  设定量的大小，数值是0到100之间。内定则为使用者系统本身之设定。    
  WIDTH="整数"   和   HIGH="整数"    
  设定控制画面的宽度和高度。(若   HIDDEN="no")    
  ALIGN="center"    
  设定控制画面和旁边文字的对齐方式，其值可以是   top、bottom、center、baseline、   left、right、texttop、middle、absmiddle、absbottom。    
  CONTROLS="smallconsole"    
  设定控制画面的外貌。预设值是   console。    
  console   一般正常的面板   　　  
  smallconsole   较小的面板   　　  
  playbutton   只显示播放按钮   　　  
  pausecutton   只显示暂停按钮   　　  
  stopbutton   只显示停止按钮   　　  
  volumelever   只显示音量调整钮

 

浏览者能够自己控制停止或者播放，也就是可以关掉背景音乐，如下：

 <script   language="javascript">  
  <!--  
  function   playmid(   )  
  {  
  document.m2.play(   );  
  document.fmid.bpause.disabled=false;  
  }  
  function   pausemid(   )  
  {  
  document.m2.pause(   );  
  }  
   
  function   stopmid(   )  
  {  
  document.m2.stop(   );  
  document.fmid.bpause.disabled=true;  
  }  
  //-->  
  </script>  
   
  <center>  
  <EMBED   SRC=m-2.mid   NAME=m2   HIDDEN=True   AUTOSTART=False   LOOP=False>  
  <form   name=fmid>  
  <input   type=button   name=bplay   value="播放"   οnclick="playmid(   )">  
  <input   type=button   name=bpause   disabled   value="暫停"   οnclick="pausemid(   )">  
  <input   type=button   name=bstop   value="停止"   οnclick="stopmid(   )">  
  </form>  
  </center>