背景音樂代碼大全

背景音樂代碼大全

一、單曲播放(背景音樂為一首)
這類代碼有:
1、<BGSOUND balance=0 src="http://img.xiaonei.com/photos/20060603/1510/orig51097.wma" volume=-240 loop=infinite><!--背景音樂-->
Volume表示音量,loop=infinite表示迴圈播放,不停止。這種代碼是看不到播放器的。

2、<embed src="http://img.xiaonei.com/photos/20060603/1510/orig51097.wma" hidden="true" autostart="true" loop="true"><!--背景音樂-->
--------hidden="true"表示隱藏播放,即不顯示播放器的外觀,若要想顯示,把"true" 取代為"false"即可,這樣為預設是最小化播放,若還想具體顯示播放器的大小,另加上height="高度值" width="寬度值" 就可以了。
-------autostart="true"表示現用的頁一載入則自動播放,若不希望播放改為autostart="false"
即可...
------ loop="true"表示無限次迴圈播放音樂直到現用的頁關閉為止,不想迴圈播放取代為 loop="false"就OK了

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

說明:上面的音樂網址都可自行修改,代碼可以直接複製,建議將音樂上傳到高速主機,這樣加載速度快。

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

然後將記事本檔案的副檔名.txt改為.M3U,系統會提示改副檔名會導致檔案可能不可用,是否繼續?點「是」,檔案變為M3U了。你也可以將檔案另存新檔.M3U格式。接著你可以開啟試聽一下效果,如果位址夠快的話在你電腦本地就可以進行聽歌了。
最後,把這個M3U檔案上傳到校內網上,在上傳好的檔案裡點屬性,檢視位址,將位址(一定是以M3u結尾的網址)貼進一下代碼的音樂網址就可以了。
<EMBED src=音樂網址 width=180 height=50 type=audio/mpeg autostart="true" loop="true">
參數可以自己設定,請參照一自己修改。
2、使用ASX清單(不限制音樂格式)
首先新增一個記事本檔案,將以下代碼輸入:
<ASX version ="3.0">
<Entry>
<Ref href = "http://網址.com/photos/20061121/1720/orig55328.wma"/>
</Entry>
<Entry>
<Ref href = "http://網址.com/photos/20061121/1640/orig46257.wma "/>
</Entry>
<Entry>
<Ref href = "http://網址.com/photos/20061121/1710/orig52716.wma"/>
</Entry>
<Entry>
<Ref href = "http://網址.com/photos/20061121/1720/orig55812.wma "/>
</Entry>
<Entry>
<Ref href = "http://網址.com/photos/20061121/1730/orig57023.wma"/>
</Entry>
<Entry>
<Ref href = "http://網址.com/photos/20061121/1730/orig57177.wma"/>
</Entry>
<Entry>
<Ref href = "http://網址.com/photos/20061121/1640/orig46257.wma"/>
</Entry>
<Entry>
<Ref href = "http://網址.com/photos/20061121/1730/orig58026.wma"/>
</Entry>
<Entry>
<Ref href = "http://網址.com/photos/20061121/1740/orig58502.wma"/>
</Entry>
</ASX>
然後另存新檔副檔名為.asx的檔案,如music.asx。最後將此檔案上傳到校內網上,取得檔案位址。
將下列代碼加入塗鴉板即可:
<embed src="http://網址.com/photos/20061121/1740/orig79888.asx" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" ><!--背景音樂-->
你也可以用上面介紹的方法自行設定參數。
這種方法,簡單、高速、占資源少,且可以播放mp3,wma,asx等多種格式,不必擔心有跳出式廣告之類。

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

新增一個記事本檔案,將以下代碼輸入:
<SCRIPT language="javascript">
<!--

var sound1="http://網址.com/photos/20061121/1640/orig46257.wma"

var sound2="http://網址.com/photos/20061121/1710/orig71630.wma"

var sound3="http://網址.com/photos/20061121/1720/orig55328.wma"

var sound4="http://網址.com/photos/20061121/1720/orig55812.wma"

var sound5="http://網址.com/photos/20061121/1730/orig57023.wma"

var sound6="http://網址.com/photos/20061121/1730/orig57177.wma"

var sound7="http://網址.com/photos/20061121/1640/orig46257.wma"

var sound8="http://網址.com/photos/20061121/1730/orig58026.wma"

var sound9="http://網址.com/photos/20061121/1740/orig58502.wma"

var sound10="http://網址.com/photos/20061121/1720/orig55328.wma"

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" autostart="true" loop="true">')



//-->
</SCRIPT>

將記事本檔案另存新檔htm網頁檔案,然後上傳到高速主機上,取得位址。
在塗鴉板中輸入以下代碼:
<div id=music><img src="javasc ript:music.innerHTML='<ifr ame src=http://網址.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><!--背景音樂-->
中間的網址即是你上傳的網頁位址。
好了,說了這麼多了,希望大家有所收穫。

引用通告位址: 點閱取得引用位址
標籤: 網站架設網頁設計教學日誌
評論: 0 | 引用: 0 | 閱讀: 739


620X188