日本国产亚洲-日本国产一区-日本国产一区二区三区-日本韩国欧美一区-日本韩国欧美在线-日本韩国欧美在线观看

當(dāng)前位置:雨林木風(fēng)下載站 > 技術(shù)開發(fā)教程 > 詳細(xì)頁面

在首頁中編制音頻播放器

在首頁中編制音頻播放器

更新時間:2022-04-29 文章作者:未知 信息來源:網(wǎng)絡(luò) 閱讀次數(shù):

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

  1. Netscape的音頻播放器

  1)直接打開

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

  2)程序調(diào)用

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

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

  HIDDEN=″TRUE″//隱藏方式

  AUTOSTART=″TRUE″//自動播放

  LOOP=″TRUE″//循環(huán)播放

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

  〈/EMBED〉

  2. JavaScript的音頻支持函數(shù)

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

  play({loop[TRUE,F(xiàn)ALSEoranINT]},′{url-to-sound}′)//播放

  pause()//暫停

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

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

  start-time({numberofseconds})

  //從第幾秒開始

  end-time({numberofseconds})

  //到第幾秒結(jié)束

  setvol({percentagenumber-without″%″sign})

  //音量百分比控制

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

  fade-from-to({volumepercentstartfade},{volumepercentendfade})

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

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

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

  下面四個是狀態(tài)測試函數(shù)

  IsReady()//準(zhǔn)備狀態(tài)測試

  IsPlaying()//播放狀態(tài)測試

  IsPaused()//暫停狀態(tài)測試

  GetVolume()//獲取當(dāng)前音量值

  3. 應(yīng)用舉例

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

  〈 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(″音量已經(jīng)達到最大值″);

  }

  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(″音量已經(jīng)達到最小值″);

  }

  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〉  

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統(tǒng)下載排行

主站蜘蛛池模板: 2019天天操天天干天天透 | 一区二区三区91 | 日韩欧美亚洲国产一区二区三区 | 日韩精品视频网站 | 午夜伦理在线观看 | 日本最新免费二区 | 青青草福利 | 亚洲女人在线 | 6一10周岁毛片免费 6一10周岁毛片在线 | 天天做天天爱天天操 | 午夜寻花高颜值极品女神 | 久操青青 | 99国产精品私拍pans大尺度 | 亚洲午夜小视频 | 日本黄a三级三级三级 | 久久这 | 久久这里只有 | 日本一级α一片免费视频 | 亚洲日韩中文字幕在线播放 | 五月久久婷婷综合片丁香花 | 欧美视频在线观看爱爱 | 日韩欧美亚洲一区 | 桃色视频在线 | 在线观看日本永久免费视频 | 免费va国产高清不卡大片 | 久久久网站亚洲第一 | 国内9l视频自拍 | 欧美亚洲一区二区三区在线 | 亚洲国产精品成人午夜在线观看 | 一级日韩一级欧美 | 天天综合网天天做天天受 | 色伊人影院 | 91国在线观看 | 欧美xxxxw| 在线88av| 天天干天天爽天天操 | 中文字幕 一区 婷婷 在线 | 国产亚洲欧美日韩俺去了 | 日韩大片观看网址 | 老子影院午夜伦不卡亚洲 | 四虎国产成人永久精品免费 |