當前位置：首頁 » 網頁設計 » 音樂網頁播放

音樂網頁播放

發布時間: 2021-03-27 09:32:00

據個人了解
網頁中的音樂播放代碼有以下幾種：
第一種:頁面代碼中的<head></head>之間加入<bgsound src="音樂url" loop="-1"> 這段代碼。 loop指音樂循環的次數，可設置為任意正整數，若設為「-1」的話，音樂將永遠循環。

第二種：
在網頁代碼中的<style></style>標簽之間加入一個「Embed」標簽，其最簡形式就像這樣：
<embed src="音樂url" autostart="true" loop="true" width="80" height="20">
不同的是，在這里我們可以設置更多內容，相信內容請看w3scholl手冊！
第三種：
使用超鏈接
例如：<a href="horse.mp3">Play the sound</a>
<script src="http://mediaplayer.yahoo.com/latest"></script>
第四種：
使用 HTML5 <audio> 元素
<audio> 元素是一個 HTML5 元素，在 HTML 4 中是非法的，但在所有瀏覽器中都有效。
例子：
<audio controls>
<source src="horse.mp3" type="audio/mpeg">
<source src="horse.ogg" type="audio/ogg">
Your browser does not support this audio format.
</audio>

㈡ QQ音樂怎麼用網頁播放

現在的QQ空間增加了一項新功能，QQ音樂網頁播放器，此播放器可以在網頁上直接播放音樂，但此網頁播放器能播放的音樂較少。在這里本人建議您去下載一個QQ音樂客戶端，這個客戶端播放的音樂較廣泛

㈢怎樣在網頁中自動播放音樂

背景音樂代碼
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 只顯示音量調整鈕

㈣網頁歌曲播放不了

打開IE-工具-internet選項-高級-還原默認設置-確定。

點擊IE瀏覽器中的「工具」，選擇「internet選項」；在「常規」頁面點擊「刪除cookies」和「刪除文件」，然後勾上「同時刪除離線內容」，點擊確定。

重新安裝一下 Adobe Flash Player 和 Windows Media Player

㈤如何播放背景音樂（在網頁上）

嵌入多媒體文本(EMBED)

基本語法 <embed src=#> #=URL
本標記可以用來在主頁中嵌入多媒體文本，如：
電影(movie), 聲音(sound), 虛擬現實語言(vrml)... ...
體會 <embed> 標記，您需要把 plugin 安裝完備。
請注意：embed attributes are different between each plugins.

背景音樂

<bgsound src=#> #=WAV 文件的 URL
<bgsound loop=#> #=循環數
<bgsound src="sound.wav" loop=3>

㈥ html，怎麼網頁裡面播放音樂啊

controls向用戶顯示控制項，比如播放按鈕。加上src 地址就可以了。。。。

㈦怎麼在自己的網頁上播放歌曲

操作方法：

1、首先新建一個TXT文檔。這里以demo.txt為例。更改demo.txt文件的擴展名txt為html,我們就獲得了demo.html文件。即通常的網頁文件格式。

2、右擊該文件—打開方式—記事本，用記事本打開該文件。

3、添加基本的網頁結構：

<html>

<head>

<title>如何添加背景音樂？</title>

</head>

<body>

</body>

</html>

4、如果是初學者，建議新建一個文件夾，把demo.html和要作為背景音樂的歌曲放在同一個文件夾。我們以一首背景音樂為例子，大家舉一反三。

5、在 HTML 中播放聲音的方法有很多種。

最好的 HTML 解決方法

實例

</audio>

上面的例子使用了兩個不同的音頻格式。HTML5 <audio> 元素會嘗試以 mp3 或 ogg 來播放音頻。如果失敗，代碼將回退嘗試 <embed> 元素。

6、保存並關閉，雙擊打開demo.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、no
說明：該屬性規定控制面板是否顯示，默認值為no。
ture：隱藏面板；
no：顯示面板。
示例：<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>
注:多首歌曲可以用記事本輸入歌曲地址,然後另存為.m3u文件

<EMBED autostart="true" SRC="這里寫.m3u文件地址" width="0" height="0" loop="-1">

㈨讓音樂在網頁播放這樣這么弄

<iframeframeborder="no"border="0"marginwidth="0"marginheight="0"width=330height=86src="http://music.163.com/outchain/player?type=2&id=26402072&auto=1&height=66"></iframe>

復制以上網頁代碼到你的網頁中即可，原鏈接來自版網易雲音樂，可以根權據自己的需求修改代碼

㈩如何在打開網頁時就能自動播放音樂

閱讀全文

音樂網頁播放

與音樂網頁播放相關的閱讀推薦