網頁中播放聲音

1.使用dhtml標記<bgsound>。

<bgsound   id=bg1   src="mid/1.mid">       
  <select   οnchange="bg1.src=this.value">  
  <option   value="mid/1.mid">1</option>  
  <option   value="mid/2.mid">2</option>  
  <option   value="mid/3.mid">3</option>  
  </select>

實現通過下拉框選擇不同的音樂來播放

<bgsound   src=""   loop=""   />中的loop如果設置爲-1表示循環播放無窮大次。

2.使用<embed>嵌入播放器來播放

<embed   src=xx.mp3   autostart=true></embed>

<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'

codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0' width='450' height='384'>
<param name='movie' value='http://live.csdn.net/vcastr21.swf' />
<param name='quality' value='high' /><param name='IsShowBar' value='1'>
<param name='allowFullScreen' value='true' /><param name='BufferTime' value='10' />
<param name='FlashVars' value='vcastr_xml=http://live.csdn.net/xml_movielist/23.xml&IsAutoPlay=1' />
<embed src='http://live.csdn.net/vcastr21.swf' allowFullScreen='true'

FlashVars='vcastr_xml=http://live.csdn.net/xml_movielist/23.xml&IsAutoPlay=1'

pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' width='450'

height='384'></embed>
</object>

3.使用javascript控制播放與停止

<% @ Page Language = " C# "  AutoEventWireup = " true "   CodeFile = " Default.aspx.cs "  Inherits = " _Default "  validateRequest = " false " %>
<! DOCTYPE html PUBLIC  " -//W3C//DTD XHTML 1.0 Transitional//EN "   " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " >
< html xmlns = " http://www.w3.org/1999/xhtml "   >
< head runat = " server " >
    
< title > 無標題頁 </ title >
    
< script language = " javascript "  type = " text/javascript " >
        
// 用javascript進行聲音播放控制
       function ManageSoundControl(action)
       
{
            var soundControl 
=  document.getElementById( " soundControl " );
            
if (action  ==   " play " )
          
{
                soundControl.play();
            }

            
if (action  ==   " stop " )
            
{
                soundControl.stop();
            }

        }

    
</ script >
</ head >
< body >
    
< form id = " form1 "  runat = " server " >
        
< table width = " 100% " >
            
< tr >
                
< td >
                     
< embed id = " soundControl "  src = " 求佛.mp3 "  mastersound hidden = " true "  loop = " false "  autostart = " false " ></ embed >
                     
< input id = " btPlay "  type = " button "  value = " 播放 "  onclick = " ManageSoundControl('play') "   />
                     
< input id = " btStop "  type = " button "  value = " 播放 "  onclick = " ManageSoundControl('stop') "   />
                
</ td >
            
</ tr >           
        
</ table >
    
</ form >
</ body >
</ html >

<html>
<head>
<title>用javascript進行聲音播放控制</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
<!-- //定義一個聲音播放控制的function, 需注意Netscape和IE對script的解釋各不相同
function MM_controlSound(sndAction,sndObj)
{  
  if(eval(sndObj) != null)
  {   
    if(navigator.appName=='Netscape')
    {
     eval( sndObj+ ( (sndAction=='stop') ? '.stop()' : '.play(false)' ) );   
    }
    else if(eval(sndObj+".FileName"))  
 {
   eval(sndObj+((sndAction=='stop')?'.stop()':'.play()'));  
    }
  }
}
//-->
</script>
</head>

<body>
<!-- 開始控制聲音播放 -->
<embed name='MM_controlSound1' src='1.wma' loop=false autostart=false mastersound hidden=true width=10 height=10>
</embed>
<!-- 用onMouseOver控制聲音播放 -->
<a href="#" onMouseOver="MM_controlSound('play','document.MM_controlSound1')"
            onMouseOut="MM_controlSound('stop','document.MM_controlSound1')"
> 當鼠標移到這兒時會播放聲音</a>
</body>
</html>

發佈了12 篇原創文章 · 獲贊 7 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章