四種方式在網頁中插入背景音樂


當我們瀏覽一些網頁的時候,感覺特別單調,要是這時響起一首好聽的背景音樂的時候,我們該多么享受啊。下面簡單介紹一些如何將背景音樂放入我的網頁中吧。

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 <!--一、單曲播放(背景音樂為一首)
這類代碼有:
1、<EMBED src="http://img.xiaonei.com/photos/20060603/1510/orig51097.wma" loop=infinite width=0 height=0>
<!-- 背景音樂-->
<!--Volume表示音量,loop=infinite表示循環播放,不停止。這種代碼是看不到播放器的。

2、<embed src=" ... ;true"loop="true"><!-- 背景音樂
--------hidden="true"表示隱藏播放,即不顯示播放器的外觀,若要想顯示,把"true" 替換為"false"即可,這樣為默認是最小化播放,若還想具體顯示播放器的大小,另加上height="高度值" width="寬度值" 就可以了。
-------表示當前頁一載入則自動播放,若不希望播放改為
即可...
------ loop="true"表示無限次循環播放音樂直到當前頁關閉為止,不想循環播放替換為 loop="false"就OK了

3、<embed src="http://img.xiaonei.com/photos/20060603/1510/orig51097.wma"loop=&q ... l"width="0"height="0"><!-- 背景音樂
---------loop="-1" 表示無限次循環播放,可設置播放次數,用具體數字代替即可,比如我希望它播放兩次,則loop="2"
--------controls="ControlPanel"這個控制選項可省略
--------width="0" height="0"表示隱藏播放,和前面的一樣。
若欲設置播放器的外觀,則替換為具體的數值就可以了,比如width="123" height="100"

說明:上面的音樂網址都可自行修改,代碼可以直接復制,建議將音樂上傳到校內網上,這樣加載速度快。

二、多首背景歌曲連播,有兩種方法
1、使用M3u列表(只能播放Mp3格式的文件)
首先, 新建一個記事本文件(這個要是不會趕緊去學電腦...)
第二、從網上搜索你喜歡的歌曲,取得網址(一定要是Mp3格式的,其他格式不行),把你找來的MP3地址一個一行排好,一行只能排一個,不得有空行。如:
http://vip.hanzify.org/carlchina/temp/HITFMjh.mp3
http://vip.hanzify.org/carlchina/temp/HITFMjh.mp3
http://vip.hanzify.org/carlchina/temp/HITFMjh.mp3
就像這樣,地址可以無限多,最少一個,然后保存,保存的文件名最好是英文或者數字。

然后將記事本文件的擴展名.txt改為.M3U,系統會提示改擴展名會導致文件可能不可用,是否繼續?點“是”,文件變為M3U了。你也可以將txt文件另存為.M3U格式。接着你可以打開試聽一下效果,如果地址夠快的話在你電腦本地就可以進行聽歌了。
最后,把這個M3U文件上傳到校內網上,在上傳好的文件里點屬性,查看地址,將地址(一定是以M3u結尾的網址)貼進一下代碼的音樂網址就可以了。
<EMBED src=音樂網址 width=180 height=50 type=audio/mpeg loop="true">
參數可以自己設置,請參照一自己修改。
2、使用ASX列表(不限制音樂格式)
首先新建一個記事本文件,將以下代碼輸入:
<ASX version ="3.0">
<Entry>
<Ref href = "http://img.xiaonei.com/photos/2006 ... 55328.wma"/>
</Entry>
<Entry>
<Ref href = "http://img.xiaonei.com/photos/2006 ... 46257.wma"/>
</Entry>
<Entry>
<Ref href = "http://img.xiaonei.com/photos/2006 ... 52716.wma"/>
</Entry>
<Entry>
<Ref href = "http://img.xiaonei.com/photos/2006 ... 55812.wma"/>
</Entry>
<Entry>
<Ref href = "http://img.xiaonei.com/photos/2006 ... 57023.wma"/>
</Entry>
<Entry>
<Ref href = "http://img.xiaonei.com/photos/2006 ... 57177.wma"/>
</Entry>
<Entry>
<Ref href = "http://img.xiaonei.com/photos/2006 ... 46257.wma"/>
</Entry>
<Entry>
<Ref href = "http://img.xiaonei.com/photos/2006 ... 58026.wma"/>
</Entry>
<Entry>
<Ref href = "http://img.xiaonei.com/photos/2006 ... 58502.wma"/>
</Entry>
</ASX>
然后另存為擴展名為.asx的文件,如music.asx。你可以打開一下試聽。最后將此文件上傳到校內網上,獲取文件地址。
將下列代碼加入塗鴉板即可:
<embed src="http://img.xiaonei.com/photos/20061121/1740/orig79888.asx"loop=&q ... l"width="0"height="0"><!-- 背景音樂
你也可以用上面介紹的方法自行設置參數。
這種方法,簡單、高速、占資源少,且可以播放mp3,wma,asx等多種格式,且不必擔心有彈出式廣告之類。


說明:上面介紹的兩種方法均需要先上傳好音樂。

三、多首歌曲隨機播放,只播放一首,但刷新一次,播放一首不相同的歌曲

新建一個記事本文件,將以下代碼輸入:-->
<head>
<SCRIPT language="javascript">
<!--

var sound1="王箏 - 我們都是好孩子 - Dj版.mp3"

var sound2="唐磊 - 丁香花 - 重制版.mp3"

var sound3="冷漠 - 元芳 - 你怎么看 Dj 版.mp3"

var sound4="李貴府 - 漂亮的姑娘你別怕 - Dj版.mp3"

var sound5="王箏 - 我們都是好孩子 - Dj版.mp3"

var sound6="王箏 - 我們都是好孩子 - Dj版.mp3"

var sound7="網絡歌手 - 黃昏 - 加快版dj.mp3"

var sound8="唐磊 - 丁香花 - 重制版.mp3"

var sound9="李貴府 - 漂亮的姑娘你別怕 - Dj版.mp3"

var sound10="阿權 - 哥是純爺們.mp3"

var x=Math.round(Math.random()*9)

if (x==0) x=sound1

else if (x==1) x=sound2

else if (x==2) x=sound3

else if (x==3) x=sound4

else if (x==4) x=sound5

else if (x==5) x=sound6

else if (x==6) x=sound7

else if (x==7) x=sound8

else if (x==8) x=sound9

else x=sound10

if (navigator.appName=="Microsoft Internet Explorer")

document.write('<bgsound src='+'"'+x+'"'+' loop="infinite">')

else

document.write('<embed src='+'"'+x+'"'+'hidden="true" border="0" width="20" height="20" loop="true">')


//-->
</SCRIPT>

<!--修改方法:將里面的網址換成你的音樂地址

將記事本文件另存為htm網頁文件,然后上傳到校內網上,獲取地址。
在塗鴉板中輸入以下代碼:
<div src="javasc ript:music.innerHTML='<ifr ame src=http://img.xiaonei.com/photos/20061121/2020/orig92674.htm height=0 marginwidth=0 marginheight=0 hspace=0 vspace=0 fr ameborder=0 scrolling=no></ifr ame>'" style=display:none></div><!--背景音樂
中間的網址即是你上傳的網頁地址。
四、發音樂的代碼:(自動循環)
1,
<EMBED src=(音樂地址) HEIGHT="35" WIDTH="450"
type=audio/x-ms-wma loop="true"></EMBED>

2、音樂是MP3的格式的代碼:
<EMBED src=(音樂地址) width=0 height=0 type=audio/realplay border="0" loop="10">

3、音樂是wma的格式的代碼:
<EMBED src=(音樂地址) width=0 height=0 type=audio/x-pn-realaudio-plugin loop="true" controls="ControlPanel,StatusBar"></EMBED>

4,隱藏的

<EMBED src=(音樂地址) width=0 height=0 hidden=true type=audio/mpeg loop="-1"></DIV>
5、背景音樂要求只播放一次的代碼:

echo '<bgsound loop="0" src="音樂地址" />';
其中  loop="0" 就標識不循環 loop="5"表示循環5次 loop="-1" 表示一直循環



(音樂地址)換成你要發的音樂地址就OK;

發音畫和音樂及所有代碼帖時,記得要把下面發帖框右邊的啟用 Html 代碼前空框里打上勾。-->
  </head>
 <body>

 </body>
 </html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM