在主頁中編制音頻播放器

2019-11-18 21:37:19

字體：大中小

來源：轉載

供稿：網友

雖然Netscape和IE都支持音頻文件的播放，但在制作過程中還是遇到了這樣一個問題: 如果用隱藏方式播放則沒有聲卡的用戶要出錯，影響主頁的整體效果。編一個既便于用戶控制又能給頁面起到點綴作用的音頻播放器不失為一個好辦法。下面詳細介紹用javaScript 自編音頻播放器的方法。

　　1. Netscape的音頻播放器

　　1)直接打開

　　Netscape支持.mid、 .wav和.au等音頻文件格式，您可以在瀏覽器中直接打開上述文件，打開時出現如下圖的播放器窗口并自動播放一次，繼續播放可單擊“PLAY”按鈕。

　　2)程序調用

　　在主頁文件中您可以嵌入如下名為MySound的音頻控制臺來實現隱藏方式下音頻文件的自動循環播放:

　　〈EMBED SRC=″jn.mid″//源文件名

　　HIDDEN=″TRUE″//隱藏方式

　　AUTOSTART=″TRUE″//自動播放

　　LOOP=″TRUE″//循環播放

　　NAME=″MySound″//嵌入對象名

　　〈/EMBED〉

　　2. Javascript的音頻支持函數

　　通過JavaScript的音頻支持函數，您可以控制任何一個嵌入在主頁中的音頻控制臺。 JavaScript提供了如下的支持函數:

　　play({loop[TRUE，FALSEOranINT]}，′{url－to－sound}′)//播放

　　pause()//暫停

　　stop()//停止播放當前文件

　　StopAll()//停止播放所有文件

　　start－time({numberofseconds})

　　//從第幾秒開始

　　end－time({numberofseconds})

　　//到第幾秒結束

　　setvol({percentagenumber－without″％″sign})

　　//音量百分比控制

　　fade－to({volumepercentyouwishtofadeto－withoutthe″％″sign})//削減音量到

　　fade－from－to({volumepercentstartfade}，{volumepercentendfade})

　　//從某個音量值削減到某個音量值

　　start－at－beginning()//從文件頭開始

　　stop－at－end()//到文件尾停止

　　下面四個是狀態測試函數

　　IsReady()//準備狀態測試

　　IsPlaying()//播放狀態測試

　　IsPaused()//暫停狀態測試

　　GetVolume()//獲取當前音量值

　　3. 應用舉例

　　下面是一個包含Netscape音頻播放器所有五個元素的例子。考慮到有些用戶沒有聲卡，本例中沒有設置自動播放。讀者可以根據自己的喜好結合鼠標事件將各個元素和測試函數都添加到圖形按鈕中。程序清單如下:

　　〈 HTML〉

　　〈 HEAD〉

　　〈 TITLE〉音頻播放器〈/TITLE〉

　　〈 SCRIPTLANGUAGE=JavaScript〉

　　〈 !－－Writer:YuHaiHe

　　functionplaySound(){

　　document.firstSound.play(true)；

　　}

　　functionpauseSound(){

　　document.firstSound.pause()；

　　}

　　functionstopSound(){

　　document.firstSound.stop()；

　　}

　　functionvolup(){

　　currentVolume=document.firstSound.GetVolume()；

　　newVolume=(currentVolume＋10)；

　　if(document.firstSound.GetVolume()==100){

　　alert(″音量已經達到最大值″)；

　　}

　　if(newVolume〈101){

　　document.firstSound.setvol(newVolume)； }

　　else

　　{

　　if((newVolume〈=100)＆＆(newVolume〉90)){

　　document.firstSound.setvol(100)；

　　} }

　　}

　　functionvoldown(){

　　currentVolume=document.firstSound.GetVolume()；

　　newvolume=(currentVolume－10)；

　　if(document.firstSound.GetVolume()==0){

　　alert(″音量已經達到最小值″)；

　　}

　　if(newVolume〉0){

　　document.firstSound.setvol(newVolume)； }

　　else {

　　 if((newVolume〉=0)＆＆(newVolume〈10)){ document.firstSound.setvol(0)； } } }

　　//EndofJavaScriptCode－－〉

　　〈 /SCRIPT〉〈 /HEAD〉

　　〈 BODY〉

　　〈 EMBED SRC=″JN.MID″ HIDDEN=TRUE

　　AUTOSTART=″FALSE″ LOOP=″TRUE″

　　NAME=″firstSound″ MASTERSOUND〉

　　〈 P〉〈 AHREF=″javascript:playSound()″〉播放〈 /A〉〈 /P〉

　　〈 P〉〈 AHREF=″javascript:pauseSound()″〉暫?！?/A〉〈 /P〉

　　〈 P〉〈 AHREF=″javascript:stopSound()″〉停止〈 /A〉〈 /P〉

　　〈 P〉〈 AHREF=″javascript:volup()″〉音量＋〈 /A〉〈 /P〉

　　〈 P〉〈 AHREF=″javascript:voldown()″〉音量－〈 /A〉〈 /P〉

　　〈 /BODY〉〈 /HTML〉

上一篇：模仿OSO的論壇（四）

下一篇：ActiveX技術綜述（二） 