如何在網(wǎng)頁中加入背景音樂+在線播放器代碼大全

cool585 2009-09-29

展開全文

添加一首背景音樂想必大家都知道如何如何操作吧，就是在選中“背景音樂”模塊并確定后，自己的空間主頁中將添加背景音樂。其可以支持以下媒體格式：MP3、WMA、WMV、MPG、MPEG、AVI、SWF、WAV。
提示：背景音樂正常播放需操作系統(tǒng)中裝有MS的Windows media player。
點擊“編輯內(nèi)容”鏈接填入音樂地址，選擇播放的形式即可。
下面開始介紹添加多首背景音樂的方法：
雖然看起來比較長，但其實很簡單，只要一步步照做就是了。注意：此方法只支持mp3文件格式

1，在網(wǎng)絡(luò)上找到你要添加的背景音樂的網(wǎng)絡(luò)地址；

個人推薦使用百度的mp3搜索

2，將找到的音樂地址保存在一個記事本中，如圖：

每一個音樂地址一行，音樂數(shù)量沒有限制，但要保證音樂地址都有效啊，所以這些音樂地址首先還是在本地測試一下吧。3，保存修改過的記事本文件，比如保存為11.txt ；4，修改剛才保存的記事本文件的文件名，把文件的擴展名.txt 改成 .mp3 ，即把11.txt 改成 11.mp3 , 然后確定；5，把修改后的mp3文件上傳到網(wǎng)絡(luò)中，并取得上傳以后的網(wǎng)絡(luò)地址，如：http://www./11.mp3 介紹一個不錯的上傳空間：999KB隨便傳，http://www./ ，上傳之后他會自動生成文件地址；6，，編輯背景音樂，把上傳后的網(wǎng)絡(luò)地址輸入到背景音樂設(shè)置中點擊確定，大功告成。然后就去你的空間首頁看看效果吧。在空間首頁

播放多首歌曲代碼為：

<script LANGUAGE="javascript">

</SCRIPT>

“歌曲地址” 表示音樂地址

請注意：這個不是播放器而是讓背景音樂每次刷新都可以自動播放

方法二

要不就用以下的方法

第一步，加播放器的代碼（不用別人做的JS播放器），我只要最簡單的。

其實要說最簡化的播放背景音樂的代碼，則下面的代碼是最簡單的了
<embed src="背景音樂網(wǎng)址">

呵呵，我用的是：

loop="-1" 表示無限次循環(huán)播放，可設(shè)置播放次數(shù)，用具體數(shù)字代替即可，比如我希望它播放兩次，則loop="2"
controls="ControlPanel"這個控制選項可省略
width="0" height="0"表示隱藏播放。想設(shè)置播放器的大小，設(shè)置值即可，比如width="480" height="25"

我是放在文章里的，所以直接把文章切換到代碼模式粘貼上剛才的代碼就可以了。

第二步，實現(xiàn)連續(xù)播放多首歌曲

播放器會弄了，用百度或者搜刮找到歌曲的地址，替換代碼中“背景音樂網(wǎng)址”就可以播放歌曲了。但是這樣只能是一首歌曲啊。沒關(guān)系，記得當(dāng)初用winamp或者千千靜聽的時候不是有個播放列表嗎？對，用m3u格式。新建一個記事本文檔，在里面寫上如下代碼保存為“任意名.m3u”：

<ASX version ="3.0">
<Entry>
     <Ref href = "以.mid.wma.mp3等結(jié)尾的音樂網(wǎng)址1"/>
</Entry>
<Entry>
     <Ref href = "以.mid.wma.mp3等結(jié)尾的音樂網(wǎng)址2"/>
</Entry>
<Entry>
     <Ref href = "以.mid.wma.mp3等結(jié)尾的音樂網(wǎng)址3"/>
</Entry>
需要更多歌曲可重復(fù)“<Entry>……</Entry>”代碼
</ASX>

嗯，然后？把保存的文件（例如musci.m3u）上傳到你的個人主頁或者隨便其他水木地方（我是傳到googlepage的）。再把m3u的IE地址放到第一步中的“背景音樂地址”處就可以實現(xiàn)連續(xù)播放的目的了。不信，試試看。

因為當(dāng)你打開博客的時候，雖然不能自動播放，但是播放器首先要加載第一首歌曲，當(dāng)遇到錯誤無法識別的歌曲地址時就會自動跳轉(zhuǎn)到第二首而播放第二首歌曲。

不過這里需要注意的是，第二首歌曲的地址里不能帶有漢字，否則跳轉(zhuǎn)到第二首歌曲的時候它也不會自動播放，第三首，第四首歌曲之后就沒限制了，只要歌曲地址對就行。

方法三

方法三（簡單易行）

　　如何實現(xiàn)space多個音樂自動連續(xù)播放

　　最近很多人問如何用power toy那個WMP實現(xiàn)連續(xù)播放多個音樂,但是一直沒有答案,現(xiàn)在有聰明人想到了辦法.

　　1.先找到你需要的歌的地址,如何尋找在線歌曲地址請看

　　　建議在www.和mp3.baidu.com里面去搜（但很容易過期?。?br>
　　2.找到之后在電腦里新建一個文本文件, 把這些歌的地址放在不同的行,比如：

　　　http://gouy2k./cp-yellow.mp3
　　　http://gouy2k./gz.mp3
　　　http://gouy2k./D-FM-04.mp3

　　　記得一定要把不同的歌曲的地址放在不同的行

　　3. 把這個文本文件保存為擴展名為.mp3的文件

　　4.上傳這個文件到網(wǎng)絡(luò)空間,然后把地址添入WMP的設(shè)置的url.

　　5. 把WMP顯示模式換成full, 這樣就可以前進和后退選歌曲.

　　弄好之后就可以去預(yù)攬測試以下是不是可以連續(xù)播放不同歌曲了.

方法四（專業(yè)正規(guī)）

[目的]
　　MSN Spaces推出PowerToy媒體播放模塊后,越來越多的MSN Spaces用戶已經(jīng)不再滿足于單個的視頻
或者音頻的播放, 非常希望能夠連續(xù)播放多個視頻或者音樂文件. 本教程將協(xié)助用戶實現(xiàn)該目的, 并且能夠在
Windows Media Player中顯示正在播放的音樂名稱, 歌手名稱, 甚至是自己MSN Spaces的個性化Logo等.
如果您覺得太復(fù)雜, 請使用方法一.

[用戶群]
　　用戶必須有一個可以外部直接調(diào)用的主頁或網(wǎng)絡(luò)存儲空間,用于存放連續(xù)播放文件地址[該文件僅有幾百字節(jié)
大小, 至多幾K]. 這些空間請大家?guī)兔ハ嘟榻B和解決, 這里將不再詳細敘述.

[使用前提]
　　用戶會更改文件擴展名. 默認的計算機不顯示擴展名, 請打開我的電腦[My Computer]->工具[Tools]->
文件夾選項[Folder Options]->點擊查看[View]選項卡->去掉隱藏已知文件類型的擴展名[Hide extensions
for known file types]->點擊應(yīng)用[Apply]->點擊確定[OK].

　　此時將顯示所有文件的擴展名.

[使用步驟]
　　1. 打開記事本[Notepad.exe]程序
　　2. 按照您的需求輸入如下A B C其中之一的代碼

A. 最簡易的連續(xù)播放視頻/音頻的代碼

<ASX version ="3.0">

<Entry>
     <Ref href = "以http或mms開頭以mp3/wma/wmv/wav/midi/mpg/mpeg/avi結(jié)尾的視頻音頻地址1"/>
</Entry>

<Entry>
     <Ref href = "以http或mms開頭以mp3/wma/wmv/wav/midi/mpg/mpeg/avi結(jié)尾的視頻音頻地址2"/>
</Entry>

<Entry>
     <Ref href = "以http或mms開頭以mp3/wma/wmv/wav/midi/mpg/mpeg/avi結(jié)尾的視頻音頻地址3"/>
</Entry>

以下同樣添加你想要的視頻音頻個數(shù)

</ASX>

B. 可以顯示歌曲名稱/演員名稱的連續(xù)播放視頻/音頻的代碼

<ASX version ="3.0">

<Entry>
   <Title>這里添加標(biāo)題1 視頻/音樂名稱等等</Title>
   <Author>演員/歌手名1</Author>
   <Copyright>版權(quán)歸屬1</Copyright>
   <Ref href = "以http或mms開頭以mp3/wma/wmv/wav/midi/mpg/mpeg/avi結(jié)尾的視頻音頻地址1"/>
</Entry>

<Entry>
   <Title>這里添加標(biāo)題2 視頻/音樂名稱等等</Title>
   <Author>演員/歌手名2</Author>
   <Copyright>版權(quán)歸屬2</Copyright>
   <Ref href = "以http或mms開頭以mp3/wma/wmv/wav/midi/mpg/mpeg/avi結(jié)尾的視頻音頻地址2"/>
</Entry>

<Entry>
   <Title>這里添加標(biāo)題3 視頻/音樂名稱等等</Title>
   <Author>演員/歌手名3</Author>
   <Copyright>版權(quán)歸屬3</Copyright>
   <Ref href = "以http或mms開頭以mp3/wma/wmv/wav/midi/mpg/mpeg/avi結(jié)尾的視頻音頻地址3"/>
</Entry>

以下同樣添加你想要的視頻音頻個數(shù)

</ASX>

C. 可以顯示自己的logo或廣告以及歌曲名稱/演員名稱的連續(xù)播放視頻/音頻的代碼

<ASX version ="3.0">

<Entry>
   <Title>這里添加標(biāo)題1 視頻/音樂名稱等等</Title>
   <Author>演員/歌手名1</Author>
   <Copyright>版權(quán)歸屬1</Copyright>
     <Banner href = "你的個性圖片在網(wǎng)絡(luò)中的地址1">
     </Banner>
   <Ref href = "以http或mms開頭以mp3/wma/wmv/wav/midi/mpg/mpeg/avi結(jié)尾的視頻音頻地址1"/>
</Entry>

<Entry>
   <Title>這里添加標(biāo)題2 視頻/音樂名稱等等</Title>
   <Author>演員/歌手名2</Author>
   <Copyright>版權(quán)歸屬2</Copyright>
     <Banner href = "你的個性圖片在網(wǎng)絡(luò)中的地址2">
     </Banner>
   <Ref href = "以http或mms開頭以mp3/wma/wmv/wav/midi/mpg/mpeg/avi結(jié)尾的視頻音頻地址2"/>
</Entry>

<Entry>
   <Title>這里添加標(biāo)題視頻/音樂名稱等等</Title>
   <Author>演員/歌手名</Author>
   <Copyright>版權(quán)歸屬</Copyright>
     <Banner href = "你的個性圖片在網(wǎng)絡(luò)中的地址3">
     </Banner>
   <Ref href = "以http或mms開頭以mp3/wma/wmv/wav/midi/mpg/mpeg/avi結(jié)尾的視頻音頻地址3"/>
</Entry>

以下同樣添加你想要的視頻音頻個數(shù)

</ASX>

3. 將該文件另存為[Save As] 文件名.wma 格式, 編碼按默認格式存儲.

4. 將文件名.wma上傳到你的個人主頁空間或能直接讀取的網(wǎng)絡(luò)存儲空間.

5. 在PowerToy媒體播放模塊的URL中, 填入制作的文件在網(wǎng)絡(luò)中的地址,例如:
　　http://www./belem/music.wma

6. 顯示模式[]選擇Full, 可以選擇自動播放[Auto Start]

7. 按保存[Save]按鈕

8. 預(yù)覽自己的Spaces, 此時, Spaces中Windows Media Player模塊已經(jīng)能連續(xù)播放視頻和音頻了,按照
你順序填寫的文件地址的媒體格式不同, 甚至可以播放完音樂后播放視頻!

[注意事項]

　1. 請確信您的視頻/音樂地址確實可用并嚴格按照"以http或mms開頭以mp3/wma/wmv/wav/midi/mpg/
mpeg/avi結(jié)尾的視頻音頻地址"的條件, 不然又出現(xiàn)播放不了的問題. 同樣, 請保證您上傳后可以獲取的地址是
"以http或mms開頭以mp3/wma/wmv/wav/midi/mpg/mpeg/avi結(jié)尾的視頻音頻地址", 否則會在第7步
中清空地址.

　2. 為了混合使用視頻和音頻, 我推薦了記事本更改存儲格式為.wma,其實其他符合條件也可以.wmv或.mp3
等格式.由于是欺騙WMP, 播放器最終將依據(jù)文件內(nèi)部的實際媒體格式來播放.

　3. 個人空間/網(wǎng)絡(luò)存儲問題，請看文件結(jié)束的銜接。

　4. 有關(guān)廣告條/自己的logo, 建議使用一定長寬比的靜態(tài)圖片或動畫.

　5. 有用戶經(jīng)常問為什么不支持rm/rmvb/mov等格式, 作為Real Networks以及蘋果公司的競爭對手, Microsoft
根本就不可能那么大方, 所以能支持公共標(biāo)準的音視頻文件如MPEG1-4就不錯了,Real/QuickTime等不
要奢望. 至于Adobe[MacroMedia]旗下的Flash由于<embed>以及<boject>標(biāo)簽的不安全性, 不支持情有可原.

　　演示地址：
　　http://spaces./members/mylover2001/
方法

單首歌曲聯(lián)播

可以連續(xù)播放，直接放到簡介里就可以了。

這個音樂是韓雪的《想起》，這個地址換一下就可以。

這是一個可以連續(xù)播方1000首歌曲的音樂代碼

real播放器代碼

視頻代碼

或者

<DIV align=center>
<OBJECT id=Player height=400 width=500
classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA VIEWASTEXT><PARAM NAME="_ExtentX" VALUE="13229"><PARAM NAME="_ExtentY" VALUE="10583"><PARAM NAME="AUTOSTART" VALUE="0"><PARAM NAME="SHUFFLE" VALUE="0"><PARAM NAME="PREFETCH" VALUE="0"><PARAM NAME="NOLABELS" VALUE="0"><PARAM NAME="CONTROLS" VALUE="ImageWindow"><PARAM NAME="CONSOLE" VALUE="_master"><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><BR>
<OBJECT id=Player2 height=32 width=500
classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA VIEWASTEXT><PARAM NAME="_ExtentX" VALUE="13229"><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="視頻地址"><PARAM NAME="CONTROLS" VALUE="controlpanel"><PARAM NAME="CONSOLE" VALUE="_master"><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><BR>
<SCRIPT language=javascript>function FullScreen(){document.Player.SetFullScreen();}</SCRIPT>
<INPUT onclick=javascript :FullScreen() type=button value=全屏播放></DIV>

式樣:

real音樂的代碼

'<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='歌曲地址'>
<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>

如何在網(wǎng)頁中加入背景音樂+在線播放器代碼大全

如何在網(wǎng)頁中加入背景音樂

       你在瀏覽這個頁面時，聽到音樂了嗎？在頁面中加入背景音樂，其實很簡單，有兩種方法：
最簡單的方法是，在頁面代碼中的<head>與</head>標(biāo)簽之間加入如下代碼：<bgsound src="/Home/xxx" loop="-1">
        其中：“xxx”處添入你要加入的背景音樂的地址，“l(fā)oop”中的數(shù)值是音樂循環(huán)的次數(shù)，可設(shè)置為任意正整數(shù)，若設(shè)為“-1”的話，音樂將永遠循環(huán)。
        另外一種方法則略微復(fù)雜一些，但可設(shè)置的參數(shù)也較多。這次我們在頁面代碼中的<body>與</body>標(biāo)簽之間加入一個“Embed”標(biāo)簽，其最簡形式就像這樣：
        <EMBED src="/Home/xxx" autostart="true" loop="true" width="80" height="20">
不同的是，在這里我們可以設(shè)置更多內(nèi)容，以下是具體的說明：

src	背景音樂的路徑。
autostart	是否自動播放，“true”為音樂文件讀取完后立即播放，“false”則不立即播放，默認值為“false”
loop	循環(huán)次數(shù)，設(shè)置為“true”為永遠循環(huán)，“false”為僅播放一次，若設(shè)為任意一正整數(shù)，則循環(huán)所輸入的次數(shù)。
volume	設(shè)置音量，取值范圍是“0-100”，默認值為系統(tǒng)當(dāng)前音量。
starttime	設(shè)置音樂開始播放的時間，格式是“分：秒”，如：starttime＝"00:10"，就是從第10秒開始播放。
endtime	設(shè)置音樂結(jié)束播放的時間，具體格式同上。
width	設(shè)置音樂播放控制面板的寬度。
height	設(shè)置音樂播放控制面板的高度。
controls	設(shè)置音樂播放控制面板的外觀，“console”為通常面板；“smallconsole”為小型面板。“playbutton”為是否顯示播放按鈕；“pausebutton”為是否顯示暫停按鈕；“stopbutton”為是否顯示停止按鈕；“volumelever”為是否顯示音量調(diào)節(jié)按鈕，例如： controls="console/smallconsole/playbutton/ pausebutton/stopbutton/volumelever"。
hidden	設(shè)置音樂播放控制面板的顯示與否，“false”為顯示，“true”為隱藏。

現(xiàn)在，你可以試一試了。不過要注意，音樂文件的體積不要太大，否則頁面已經(jīng)打開了半天，音樂卻還沒有讀出來。

第一步：首先把你喜歡的音樂上傳到博客(當(dāng)然也可以是其他鏈接地址)。
第二步：把上傳的音樂地址全部粘貼到記事本中，不用加任何代碼。
如：
http://鏈接地址
http://鏈接地址
第三步：把記事本另存為：music.jpg，就是圖片格式文件，然后再上傳到博客空間里，上傳后記住上傳的地址。
第四步：在發(fā)貼時，選擇HTML方式，再最下面加入以下代碼。

〈div align="center"〉〈embed src="音樂地址" width="180" height="50" hidden="true" type="audio/mpeg/wma" autostart="true" loop="true" /〉〈/div〉

提示： autostart="true" 自動播放選項：true 不自動播放選項：false
loop="true" 循環(huán)播放選項：true 不循環(huán)播放選項：false
hidden="true" 隱藏播放器選項：true 顯示播放器選項：false