您現在的位置: 365建站網 > 365學習 > HTML5/html添加網頁背景音樂代碼的方法

HTML5/html添加網頁背景音樂代碼的方法

文章來源:365jz.com     點擊數:4706    更新時間:2017-12-06 08:46   參與評論
HTML5 標簽audio添加網頁背景音樂代碼

HTML5 <audio> 是 HTML 5 的新標簽,定義聲音,比如音樂或其他音頻流。

HTML 5 <audio> 標簽

HTML5 audio讓音樂東山再起

HTML5 運用aduio標簽打造音樂播放器

 

可以在開始標簽和結束標簽之間放置文本內容,這樣老的瀏覽器就可以顯示出不支持該標簽的信息。

<audio autoplay="autoplay" controls="controls"loop="loop" preload="auto"
            src="http://demo.mimvp.com/html5/take_you_fly.mp3">
      你的瀏覽器不支持audio標簽
</audio>

 
屬性 描述
autoplay autoplay 如果出現該屬性,則音頻在就緒后馬上播放。
controls controls 如果出現該屬性,則向用戶顯示控件,比如播放按鈕。
loop loop 如果出現該屬性,則每當音頻結束時重新循環開始播放。
preload preload

如果出現該屬性,則音頻在頁面加載時進行加載,并預備播放。

如果使用 “autoplay”,則忽略該屬性。

src url 要播放的音頻的 URL。也可以使用<source>標簽來設置音頻。

 

HTML5 Audio標簽能夠支持wav, mp3, ogg, acc, webm等格式,但有個很重要的音樂文件格式midi(擴展名mid)卻在各大瀏覽器中都沒有內置的支持(詳見此處)。不是所有的瀏覽器都支持MP3 OGG之類的,每個瀏覽器因為版權的問題支持的格式都是不一樣的。 

 

瀏覽器和音頻兼容性

瀏覽器制造商并非都同意使用某種音頻文件格式。對于圖像,PNG、JPEG 或 GIF 格式的文件在任何瀏覽器上都能加載到您的網頁里。遺憾的是,音頻文件并非如此。表 1 展示了網頁中可以使用的音頻文件格式,但是并非所有格式都能用于所有瀏覽器。例如,Chrome、Internet Explorer 9 (IE9) 和 Safari 瀏覽器不支持 WAV 文件,這是一種使用非壓縮格式且正在衰敗的標準。

HTML5瀏覽器和音頻格式兼容性

音頻格式 Chrome Firefox IE9 Opera Safari
OGG 支持 支持 支持 不支持 不支持
MP3 支持 不支持 支持 不支持 支持
WAV 不支持 支持 不支持 支持 不支持

沒有一種通用的文件格式讓每個瀏覽器都使用單個文件格式意味著至少有 2/5 的瀏覽器無法播放某些聲音。這不是無法在單一音頻標準中達成一致的瀏覽器制造商不妥協的問題,而是涉及專利權和特許權使用費的法律和財務問題。不受軟件專利限制的 OGG 格式旨在一勞永逸地解決這個問題。然而,在撰寫本文時,Opera 和 Safari 都不支持 OGG。與 OGG 格式的文件相比,可用的 WAV 和 MP3 文件數量要更多,因此毫無疑問,瀏覽器制造商考慮到了這一點。MP3 作為事實的標準是個很好的解決方案。

解決方案:使用三種文件類型和<audio>標簽

鑒于目前的狀況,您可能認為目前還不是在 HTML5 頁面上使用音頻的黃金時刻。在某些方面可能的確如此,但是 HTML5 提供了一個解決方案,使您喜歡的瀏覽器能夠找到一種兼容的格式。

與 <audio> 標簽結合使用時,<source> 標簽可以嵌套在 <audio> 容器內。假設您是一個瓦格納迷,想在 HTML5 網頁上聽他的歌劇 Ride of the Valkyries(《女武神》)。首先,您需要獲得三種文件類型的音樂,即 OGG、MP3 和 WAV。將這些音樂文件與 HTML5 文件放在同一個文件夾內。然后,將每個文件名放在單獨的 <source> 標簽里,并且音頻容器中的所有源標簽都由<audio></audio> 構成,如下所示。

<audio controls>
    <source src=”http://demo.mimvp.com/html5/take_you_fly.ogg” />
    <source src=”http://demo.mimvp.com/html5/take_you_fly.mp3″ />
    <source src=”http://demo.mimvp.com/html5/take_you_fly.wav” />
</audio>

無論訪問者使用什么瀏覽器,它都將自動選擇所讀取的第一個文件類型,并為您播放聲音。

 

瀏覽器音頻控件:沒有兩個是完全相同的

html5-audio-add-background-music-01

一旦您決定要在網站上提供音頻,將面臨一個有趣的設計選擇。每個瀏覽器都有與眾不同的外觀,看起來像是有意識地故意使其與眾不同。下面的圖 1 展示了這些瀏覽器控件的外觀。

圖1:不同瀏覽器上的音頻控件

除了 Chrome 瀏覽器外,所有瀏覽器都有開始/暫??丶?、進度條、滑塊、播放秒數、音量/靜音控件,還顯示聲音文件的總秒數。使用HTML5 標準和瀏覽器支持,開發人員可以相信用戶將擁有與 HTML5 音頻類似的體驗,因為瀏覽器控件是類似的。您還可以使用 Flash 和 Silverlight 等插件創建控件,但是對于不同的用戶,體驗可能會有所不同。

某些瀏覽器(如 IE9)甚至有自己的聲音控制條,在瀏覽器本身之外運行。用戶打開有聲音的任何網站時,他們可以從 Windows 任務欄控制聲音,并能夠預覽當前正在播放的聲音。

 

html代碼 (隱藏播放控件)

<audio autoplay="autoplay">
<source src="http://demo.mimvp.com/html5/take_you_fly.mp3" type="audio/mpeg">
</audio>

代碼演示 (隱藏播放控件)

<audio autoplay="autoplay">
<source src="http://demo.mimvp.com/html5/take_you_fly.mp3" type="audio/mpeg">
</audio>
在html網頁中插入背景音樂代碼的方法:

分別用<bgsound>和<embed></embed>標簽,當用<embed>插入背景音樂時可以設置寬度和高度為0,隱藏播放器。
二者的參數如下:

■ <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 只顯示音量調節按鈕

實例:
<!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>
<meta http-equiv="Content-Type"     content="text/html; charset=gb2312" />
<title>無標題文檔</title>
</head>

<body>
<bgsound     src="http://sj.cpgl.net/sjbbs/midi/md01.mid " autostart=true     loop=infinite>
</body>
</html>
 
<!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>
<meta http-equiv="Content-Type" content="text/html;     charset=gb2312" />
<title>無標題文檔</title>
</head>

<body>
<embed     src="http://www.bricklin.cn/zly/theone/2.wma"     width="0" height="0"></embed>
</body>
</html>

**********************************************************************************************************************************
(一)、基本語法:
  embed src=url
  說明:embed可以用來插入各種多媒體,格式可以是 Midi、Wav、AIFF、AU、MP3等等,
  Netscape及新版的IE 都支持。url為音頻或視頻文件及其路徑,可以是相對路徑或絕對路徑。
  示例:<embed src="your.mid">
(二)、屬性設置:
  1、自動播放:
  語法:autostart=true、false
  說明:該屬性規定音頻或視頻文件是否在下載完之后就自動播放。
  true:音樂文件在下載完之后自動播放;
  false:音樂文件在下載完之后不自動播放。
  示例:<embed src="your.mid" autostart=true>
  <embed src="your.mid" autostart=false>
  2、循環播放:
  語法:loop=正整數、true、false
  說明:該屬性規定音頻或視頻文件是否循環及循環次數。
  屬性值為正整數值時,音頻或視頻文件的循環次數與正整數值相同;
  屬性值為true時,音頻或視頻文件循環;
  屬性值為false時,音頻或視頻文件不循環。
  示例:<embed src="your.mid" autostart=trueloop=2>
  <embed src="your.mid" autostart=trueloop=true>
  <embed src="your.mid" autostart=trueloop=false>
  3、面板顯示:
  語法:hidden=ture、flase
  說明:該屬性規定控制面板是否顯示,默認值為flase。
  ture:隱藏面板;
  flase:顯示面板。
  示例:<embed src="your.mid"hidden="ture">
  <embed src="your.mid"hidden="no">
  4、開始時間:
  語法:starttime=mm:ss(分:秒)
  說明:該屬性規定音頻或視頻文件開始播放的時間。未定義則從文件開頭播放。
  示例:<embed src="your.mid"starttime="00:10">
  5、音量大?。?br />   語法:volume=0-100之間的整數
  說明:該屬性規定音頻或視頻文件的音量大小。未定義則使用系統本身的設定。
  示例:<embed src="your.mid"volume="10">
  6、容器屬性:
  語法:height=# width=#
  說明:取值為正整數或百分數,單位為像素。該屬性規定控制面板的高度和寬度。
  height:控制面板的高度;
  width:控制面板的寬度。
  示例:<embed src="your.mid" height=200width=200>
  7、容器單位:
  語法:units=pixels、en
  說明:該屬性指定高和寬的單位為pixels或en。
  示例:<embed src="your.mid"units="pixels" height=200 width=200>
  <embed src="your.mid" units="en"height=200 width=200>
  8、外觀設置:
  語法:controls=console、smallconsole、playbutton、pausebutton、stopbutton、
  volumelever 說明:該屬性規定控制面板的外觀。默認值是console。
  console:一般正常面板;
  smallconsole:較小的面板;
  playbutton:只顯示播放按鈕;
  pausebutton:只顯示暫停按鈕;
  stopbutton:只顯示停止按鈕;
  volumelever:只顯示音量調節按鈕。
  示例:<embed src="your.mid"controls=smallconsole>
  <embed src="your.mid" controls=volumelever>
  9、對象名稱:
  語法:name=#
  說明:#為對象的名稱。該屬性給對象取名,以便其他對象利用。
  示例:<embed src="your.mid"name="sound1">
  10、說明文字:
  語法:title=#
  說明:#為說明的文字。該屬性規定音頻或視頻文件的說明文字。
  示例:<embed src="your.mid" title="第一首歌">
  11、前景色和背景色:
  語法:palette=color|color
  說明:該屬性表示嵌入的音頻或視頻文件的前景色和背景色,第一個值為前景色,第二個值為背景
  色,中間用 | 隔開。color可以是RGB色(RRGGBB)也可以是顏色名,還可以是transparent
 ?。ㄍ该鳎?。 示例:<embed src="your.mid"palette="red|black">
  12、對齊方式:
  語法:align=top、bottom、center、baseline、 left、right、texttop、middle、
  absmiddle、absbottom
  說明:該屬性規定控制面板和當前行中的對象的對齊方式。
  center:控制面板居中;
  left:控制面板居左;
  right:控制面板居右;
  top:控制面板的頂部與當前行中的最高對象的頂部對齊;
  bottom:控制面板的底部與當前行中的對象的基線對齊;
  baseline:控制面板的底部與文本的基線對齊;
  texttop:控制面板的頂部與當前行中的最高的文字頂部對齊;
  middle:控制面板的中間與當前行的基線對齊;
  absmiddle:控制面板的中間與當前文本或對象的中間對齊;
  absbottom:控制面板的底部與文字的底部對齊。
  示例:<embed src="your.mid" align=top>
  <embed src="your.mid" align=center>
************************************************************************************************************************************

將這段代碼插入到您的<head></head>之間
當您打開網站時即可聽到背景音樂:
<bgsound src=china.mid loop="-1">
這種當網頁最小化之后,音樂會消失

網頁背景音樂的代碼:
<embed src="http://XXX.com/XXX.mp3" quality=highpluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"type="application/x-shockwave-flash" width="1"height="1"></embed>
1.mid表示音效文件
<embed src="1.swf" quality=highpluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"type="application/x-shockwave-flash" width="1"height="1"></embed>
上面的網頁背景音樂代碼可以加入FLASH動畫的絕對地址(或相對地址)
<embed width=1 height=1 autostart="true" loop="true"controls=PlayButton console=clip1 nolabels=truetype="audio/x-pn-realaudio-plugin" src="1.ram"></embed>
ram格式的音樂文件專用網頁背景音樂代碼:
<embed src="1.mid" align="center" border="0"width="1" height="1" width="100"autostart="true" loop="true">
指定播放器的大?。╳idth、heigh)、是否自動(autostart標記)、是否循環播放(loop標記),而瀏覽者則可以自主地決定是否播放音樂。
此代碼可以當作網頁中插入FLASH動畫的代碼用。只要把1.mid替換為FLASH動畫的相對地址或決對地址就OK了。
<embed src="1.mp3" align="center" border="0"width="1" height="1" width="100"autostart="true" loop="true">
此代碼可以加mp3形式的音樂為網頁背景音樂
<EMBED src="http://XXX.com/XXX.mp3" width="0"height="0" border=0 autostart="ture"loop="ture"></EMBED>
1.mid表示音效文件
<bgsound src="1.mid" loop=3>
表示將1.mid音效文件插入到頁面為背景音樂,并循環播放3次。
<embed src="1.mid" hidden="true">
1.mid表示音效文件
<bgsound src="1.mid" loop="infinte">
1.mid表示音效文件
<embed src="1.mid" hidden="true"loop="true">
1.mid表示音效文件
<bgsound src=1.mid loop="-1">
1.mid表示音效文件

網頁背景音樂 

第一種:在葉子代碼中的<style></style>之間加入<bgsound src="音樂url" loop="-1"> 這段代碼。

  在這里要說的是,“loop”中的數值是音樂循環的次數,可設置為任意正整數,若設為“-1”的話,音樂將永遠循環。

  這種背景音樂是打開葉子后直接播放的,在葉子上不會有顯示。這是最簡單的一種。


  第二種:這種方法則略微復雜一些,但可設置的參數也較多。仍是在葉子代碼中的<style></style>標簽之間加入一個“Embed”標簽,其最簡形式就像這樣:

<EMBED src="音樂url"autostart="true" loop="true" width="80"height="20">

  不同的是,在這里我們可以設置更多內容,以下是具體的說明:

  src 背景音樂的地址(即url)。
  autostart 是否自動播放,“true”為音樂文件讀取完后立即播放,“false”則不立即播放,默認值為“false”

  loop 循環次數,設置為“true”為永遠循環,“false”為僅播放一次,若設為任意一正整數,則循環所輸入的次數。
  volume 設置音量,取值范圍是“0-100”,默認值為系統當前音量。
  starttime 設置音樂開始播放的時間,格式是“分:秒”,
如:starttime="00:10",就是從第10秒開始播放。
  endtime 設置音樂結束播放的時間,具體格式同上。
  width 設置音樂播放控制面板的寬度。
  height 設置音樂播放控制面板的高度。
  controls 設置音樂播放控制面板的外觀,
“console”為通常面板;
“smallconsole”為小型面板。
“playbutton”為是否顯示播放按鈕;
“pausebutton”為是否顯示暫停按鈕;
“stopbutton”為是否顯示停止按鈕;
“volumelever”為是否顯示音量調節按鈕,

  例如:
controls="console/smallconsole/playbutton/
  pausebutton/stopbutton/volumelever"。
  hidden 設置音樂播放控制面板的顯示與否,
“false”為顯示,“true”為隱藏。

  現在,你可以試一試了。不過要注意,音樂文件的體積不要太大,否則頁面已經打開了半天,音樂卻還沒有讀出來。推薦使用wma格式的音樂文件。

  下面是介紹如何在網頁中播放電影,加入的方法仍和上面一樣。

  <embed src="[/color-red]影片url[/color]" autostart="true"loop="true" width="200" height="150">

  有圖像的rm格式:

<OBJECT classid='clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA' height=288id=video1 width=305 VIEWASTEXT>
<param name='_ExtentX' value='5503'>
<param name='_ExtentY' value='1588'>
<param name='AUTOSTART' value='-1'>
<param name='SHUFFLE' value='0'>
<param name='PREFETCH' value='0'>
<param name='NOLABELS' value='0'>
<param name='SRC' value='影片url'>
<param name='CONTROLS' value='Imagewindow,StatusBar,ControlPanel'>
<param name='CONSOLE' value='RAPLAYER'>
<param name='LOOP' value='0'>
<param name='NUMLOOP' value='0'>
<param name='CENTER' value='0'>
<param name='MAINTAINASPECT' value='0'>
<param name='BACKGROUNDCOLOR' value='#000000'>
</OBJECT>

  如果是無圖像的rm格式:如相聲,歌曲……

<object ID='video2' WIDTH='300' HEIGHT='62'CLASSID='CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA'>
<param name='_ExtentX' value='9657'>
<param name='_ExtentY' value='847'>
<param name='AUTOSTART' value='-1'>
<param name='SHUFFLE' value='0'>
<param name='PREFETCH' value='0'>
<param name='NOLABELS' value='0'>
<param name='SRC' value='影片url'>
<param name='CONTROLS' value='StatusBar,controlpanel'>
<param name='CONSOLE' value='Clip1'>
<param name='LOOP' value='0'>
<param name='NUMLOOP' value='0'>
<param name='CENTER' value='0'>
<param name='MAINTAINASPECT' value='0'>
<param name='BACKGROUNDCOLOR' value='#000000'>
</object>

  最簡單的media格式的播放器……自動識別有無圖像,但是版本是你機器的!

<embed src='文件url' width=200height=200 autostart=true loop=true></embed>

  有圖像的media播放器,自動調用網上的插件。

<object id=nstvclassid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6' width=280 height=265codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52
,701standby=Loading Microsoft? Windows Media? Player components...type=application/x-oleobject>
<param name='URL' value='文件url'>
<PARAM NAME='UIMode' VALUE='full'><PARAM NAME='AutoStart'VALUE='true'>
<PARAM NAME='Enabled' VALUE='true'>
<PARAM NAME='enableContextMenu' VALUE='false'>
<param name='WindowlessVideo' VALUE='true'></object>

  無圖像的media播放器……同上。

<object id=nstv classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6'width=280 height=60codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52
,701standby=Loading Microsoft? Windows Media? Player components...type=application/x-oleobject>
<param name='URL' value='文件url'>
<PARAM NAME='UIMode' VALUE='full'>
<PARAM NAME='AutoStart' VALUE='true'>
<PARAM NAME='Enabled' VALUE='true'>
<PARAM NAME='enableContextMenu' VALUE='false'>
</object>

  只是界面不同的media的調插件播放器……建議不用這個,你可以看情況辦吧。

<embed src='文件url'type='audio/x-pn-realaudio-plugin' console='Clip1'controls='ControlPanel,StatusBar' height='60' width='275'autostart='true'></embed>



背景音樂代碼
1. 如何貼rm,ra,ram類型的音樂,代碼如下:
<embed width="0" height="0"type="audio/x-pn-realaudio-plugin" autostart="true"controls="ControlPanel"src="http://guest.anyp.cn/uploads/01.rm";>

2. 如何貼midi,asf,wma,asx類型的音樂,代碼如下:
<embed autostart="true" loop="-1" controls="ControlPanel"width="0" height="0"src="http://guest.anyp.cn/uploads/01.mid";>

只需要把整段代碼copy復制到文章中(編輯文章的時請先點擊HTML代碼模式再粘貼代碼,否則這段代碼會以文本形式顯示出來,不能被執行),用你喜歡及可用的音樂文件的URL(網址)代替上面紅色顯示的音樂地址代碼就可以了。

造成音樂不能成功播放的大多數原因:
A:音樂文件錯誤,有可能這個文件本身就不是音樂的文件,只是一個普通的HTML頁面。
B:音樂文件地址錯誤,這個音樂文件根本不存在。
C:沒有安裝相關的播放軟件。

測試的辦法:請把音樂文件地址在IE欄輸入,如果提示你保存,保存的文件類型是rm、ram、midi等的文件即是音樂文件。如果打開這個文件是自動播放音樂或顯示其他內容的,則不是。

添加帶音樂的flash,然后在彈出窗口輸入你的FLASH地址,注意后戳名為:http://xxxxx.xxxx,大小可以調整為,1*1,這樣可以在不顯示FALSH的情況下播放音樂,但是記住要為自動播放的,不要找那種需要按開始的FLASH

加入一段在線音樂播放代碼,推薦使用:<IFRAMEmarginHeight=0 src="http://www.yqchina.com/play.htm"; frameBorder=0noResize width=540 scrolling=no height=25> 將此代碼放入網站合適地方,將24小時不間斷放歌,次代碼由清風網絡電臺提供

以下代碼由[秋天的風]提供:首先打開我的文章,進入編輯狀態,選擇HTML格式然后就可以輸入了,下面我們來看代碼,首先來看第一種,比較簡單的:

<bgsound src=”url” loop=-1>
“url”依然是路徑名,loop表示循環數,-1表示始終循環

來看第二種:

<EMBED src="music.mid" autostart="bool"loop="n" width="m" height="k">

其中各個屬性的含義如下:
SRC:音樂文件路徑
(以下可選) AUTOSTART:音樂文件上傳完后自動播放,TRUE為播放,FALSE為否
LOOP:設置循環TRUE為自動循環,FALSE為不循環,數值為次數
WIDTH,HEIGHT為播放控制面板的寬和高,
其余的屬性有:
volume:取值范圍為"0-100",設置音量,默認為系統本身的音量
starttime:"分:秒",設置歌曲開始播放的時間,如,starttime="00:10",從第10秒開始播放
endtime: "分:秒",設置歌曲結束播放的時間
controls :控制面板的外觀controls="console/smallconsole/playbutton/pausebutton/stopbutton/volumelever" ·console 正常大小的面板
·smallconsole 較小的面板
·playbutton 顯示播放按鈕
·pausebutton 顯示暫停按鈕
·stopbutton 顯示停止按鈕
·volumelever 顯示音量調節按鈕
hidden: 為true時可以隱藏面板

——以下代碼由[風之舞]提供:
背景音樂代碼精簡
1、<embed src="背景音樂網址" hidden="true" autostart="true"loop="true">

--------hidden="true"表示隱藏播放,即不顯示播放器的外觀,若要想顯示,把"true" 替換為"false"即可,這樣為默認是最小化播放,若還想具體顯示播放器的大小,另加上height="高度值" width="寬度值" 就可以了。

-------autostart="true"表示當前頁一載入則自動播放,若不希望播放改為autostart="false"
即可...

------ loop="true"表示無限次循環播放音樂直到當前頁關閉為止,不想循環播放替換為 loop="false"就OK了

2、<embed src="背景音樂網址" autostart="true" loop="-1"controls="ControlPanel" width="0" height="0" >

-----------loop="-1" 表示無限次循環播放,可設置播放次數,用具體數字代替即可,比如我希望它播放兩次,則loop="2"

---------controls="ControlPanel"這個控制選項可省略

--------width="0" height="0"表示隱藏播放,和前面的一樣。
若欲設置播放器的外觀,則替換為具體的數值就可以了,比如width="123"height="100"
--------------------------------------------------
其實要說最簡化的播放背景音樂的代碼,則下面的代碼是最簡單的了--->
<embed src="背景音樂網址" >
-----------------------------------------------------
另外:bgsound src="背景音樂路徑" loop="-1">
這個只支持IE瀏覽器,而且是完全下載完后才開始播放,不像前面所說的格式那樣可以一邊緩沖一邊播放。這個一般用于mid音樂或較小的mp3,wav格式的音樂. 若是較大的文件還是用前面所說的格式吧~~
<bgsound src="背景音樂路徑"loop="-1">這個隨瀏覽器的打開而播放,當最小化窗口時即停止播放,當最大化窗口時又開始播放。
而,<embed src="背景音樂網址" autostart="true" loop="-1"controls="ControlPanel" width="0" height="0" >常用于mid,,wav,mp3類型的音樂類型.

這個則不管是否最小化窗口都始終播放,直至關閉當前窗口為止~~
支持的音樂文件類型:只支持MP播放器所支持的音樂格式,比如mp3,asf,wma,asx等等.
不支持rm,ram....
視頻文件的插入方法也和上面所說的一樣,設置好合適的
音樂代碼解釋
<embed autostart="true" loop="-1"controls="ControlPanel" width="0" height="0"src="http://guest.anyp.cn/uploads/01.mid">
解釋一下:

AUTOSTART="TRUE / FALSE"
是否要在音樂檔傳完之后,就自動播放音樂。 TRUE 是要 
FALSE 是不要,內定值是不要。
LOOP="TRUE / FALSE / 整數"
設定是否要自動反覆播放,LOOP=2 表示重復兩次,若要無限次重復可用 LOOP="TRUE" 
WIDTH 和 HIGH="整數"
設定控制面版的寬度和高度 
CONTROLS="CONSOLE / SMALLCONSOLE /
PLAYBUTTON / PAUSEBUTTON / STOPBUTTON /
VOLUMELEVER"
設定控制面板的樣子,預設值是 CONSOLE 



  CONSOLE 一般正常的面板
  SMALLCONSOLE 較小的面板
  PLAYBUTTON 只顯示播放按鈕
  PAUSEBUTTON 只顯示暫停按鈕
  STOPBUTTON 只顯示停止按鈕
  VOLUMELEVER 只顯示音量調整鈕

如對本文有疑問,請提交到交流論壇,廣大熱心網友會為你解答??! 點擊進入論壇


發表評論 (4706人查看,0條評論)
請自覺遵守互聯網相關的政策法規,嚴禁發布色情、暴力、反動的言論。
用戶名: 驗證碼: 點擊我更換圖片
最新評論
------分隔線----------------------------
自拍偷拍福力视频,偷拍国际精品,麻豆一区福利电影,国产网红视频午夜福利,se视频大全,久久国产AV影院 浓毛大屁股bbw| 久久精品免费一区二区| 男女啪啪第99期动态图| 国产偷伦视频片| 日本av亚洲色在线观看| 日本在线永久免费视频aa| 玩弄漂亮少妇高潮大叫| 久久久久精品精品6精品精品| 國產亂倫在線看| 东北露脸老熟女啪啪| 999久久免费精品国产| 色999日韩偷自拍拍| 新免费人妻超碰在线视频| 久久亚洲 欧美 国产 综合aⅴ| 男人添女人p免费视频| 学生强伦姧老师在线观看一| 非洲人粗长硬配种视频| 辣文小说| 欧美成人版在线| 少妇高潮惨叫正在播放| 国产高清综合乱色视频| 大乱东京道一本热大交乱| 高清偷拍女厕所撒尿| 美女赤裸裸一丝不遮的图片| 欧美色图片| 国产超碰无码最新上传| 日本乱码中文在线观看| 久久久综合色久一本| 新婚之夜我被弄得好爽| 欧美亚洲色aⅴ大片| 先锋影音最新av资源网| http://www.maxinfalblesinc.com