在網頁中添加背景音樂

時間 2019-11-08

原文原文鏈接

有兩種添加背景音樂的方式
分別用<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">

　　（二）、屬性設置：

　　一、自動播放：

　　語法：autostart=true、false

　　說明：該屬性規定音頻或視頻文件是否在下載完以後就自動播放。

　　true：音樂文件在下載完以後自動播放；

　　false：音樂文件在下載完以後不自動播放。

　　示例：<embed src="your.mid" autostart=true>

　　<embed src="your.mid" autostart=false>

　　二、循環播放：

　　語法：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>

　　三、面板顯示：

　　語法：hidden=ture、flase

　　說明：該屬性規定控制面板是否顯示，默認值爲flase。

　　ture：隱藏面板；

　　flase：顯示面板。

　　示例：<embed src="your.mid"hidden="ture">

　　<embed src="your.mid"hidden="no">

　　四、開始時間：

　　語法：starttime=mm:ss（分：秒）

　　說明：該屬性規定音頻或視頻文件開始播放的時間。未定義則從文件開頭播放。

　　示例：<embed src="your.mid"starttime="00:10">

　　五、音量大小：

　　語法：volume=0-100之間的整數

　　說明：該屬性規定音頻或視頻文件的音量大小。未定義則使用系統自己的設定。

　　示例：<embed src="your.mid"volume="10">

　　六、容器屬性：

　　語法：height=# width=#

　　說明：取值爲正整數或百分數，單位爲像素。該屬性規定控制面板的高度和寬度。

　　height：控制面板的高度；

　　width：控制面板的寬度。

　　示例：<embed src="your.mid" height=200width=200>

　　七、容器單位：

　　語法：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>

　　八、外觀設置：

　　語法：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>

　　九、對象名稱：

　　語法：name=#

　　說明：#爲對象的名稱。該屬性給對象取名，以便其餘對象利用。

　　示例：<embed src="your.mid"name="sound1">

　　十、說明文字：

　　語法：title=#

　　說明：#爲說明的文字。該屬性規定音頻或視頻文件的說明文字。

　　示例：<embed src="your.mid" title="第一首歌">

　　十一、前景色和背景色：

　　語法：palette=color|color

　　說明：該屬性表示嵌入的音頻或視頻文件的前景色和背景色，第一個值爲前景色，第二個值爲背景

　　色，中間用 | 隔開。color能夠是RGB色（RRGGBB）也能夠是顏色名，還能夠是transparent

　　（透明）。示例：<embed src="your.mid"palette="red|black">

　　十二、對齊方式：

　　語法：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">
指定播放器的大小（width、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時能夠隱藏面板

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

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

-------autostart="true"表示當前頁一載入則自動播放，若不但願播放改成autostart="false"
便可...

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

二、<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 只顯示音量調整鈕html

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。