国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > 建站經驗 > 正文

網站頁面怎么加入背景音樂

2024-04-25 20:19:38
字體:
來源:轉載
供稿:網友
這篇文章主要為大家詳細介紹了網站頁面怎么加入背景音樂,具有一定的參考價值,感興趣的小伙伴們可以參考一下,有需要的朋友可以收藏方便以后借鑒。

昨天一用戶在群里找到361源碼想讓我們用織夢給她仿一個游戲站點,任務很簡單,做起來也比較順利,做的過程中有點心得就寫下來和大家分享分享。

織夢網站頁面如何加入網頁背景音樂

有兩種分別用<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=true loop=2>

  <embed src="your.mid" autostart=true loop=true>

  <embed src="your.mid" autostart=true loop=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、音量大小:

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

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

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

  6、容器屬性:

  語法:height=# width=#

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

  height:控制面板的高度;

  width:控制面板的寬度。

  示例

   <embed src="your.mid" height=200 width=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=high pluginspage="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=high pluginspage="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=true type="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=288 id=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=200 height=200 autostart=true loop=true></embed>

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

<object id=nstv classid='clsid:6bf52a52-394a-11d3-b153-00c04f79faa6' width=280 height=265 codebase=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=60 codebase=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

加入一段在線音樂播放代碼,推薦使用:<iframe marginheight=0 src="http://www.yqchina.com/play.htm"; frameborder=0 noresize 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 只顯示音量調整鈕

以上就是網站頁面怎么加入背景音樂的全部內容,希望對大家的學習和解決疑問有所幫助,也希望大家多多支持武林網。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 汉沽区| 汤原县| 伊川县| 青冈县| 黑龙江省| 清水河县| 孟津县| 宝鸡市| 玉环县| 英超| 辽源市| 琼结县| 曲周县| 铜山县| 潢川县| 邯郸县| 荔波县| 诸城市| 金华市| 桂阳县| 嘉定区| 长治市| 定结县| 凤城市| 达尔| 渝中区| 济南市| 财经| 四会市| 灵石县| 竹北市| 平原县| 宁南县| 新竹市| 依兰县| 延寿县| 麦盖提县| 靖江市| 慈溪市| 新源县| 丰都县|