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

網頁版音樂播放

發布時間: 2021-03-27 08:20:10

❶ 如何在網頁中實現音樂播放功能

（一）、基本語法：
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">

❷ 網頁版qq空間播放音樂時的音樂播放器是什麼

是用的微軟的播放器內核播放的只要查閱網頁腳本就能看到它的調用代碼的

❸ 怎麼在網頁中插入音樂播放器

最簡單的media格式的播放器。自動識別有無圖像，使用的播放器是訪客電腦里現有的。

代碼：< EMBED src=「music.mp3」autostart=「true」loop=「2」width=「80」height=「30」>
src：音樂文件的路徑及文件名；
autostart：true為音樂文件上傳完後自動開始播放，默認為false（否）
loop：true為無限次重播，false為不重播，某一具體值（整數）為重播多少次
volume：取值范圍為「0-100」，設置音量，默認為系統本身的音量
starttime：「分：秒」，設置歌曲開始播放的時間，如，starttime=「00:10」，從第10開始播放
endtime：「分：秒」，設置歌曲結束播放的時間
width：控制面板的寬
height：控制面板的高
controls：控制面板的外觀
controls=「console/smallconsole/playbutton/pausebutton/stopbutton/volumelever」

·console：正常大小的面板
·smallconsole：較小的面板
·playbutton：顯示播放按鈕
·pausebutton：顯示暫停按鈕
·stopbutton：顯示停止按鈕
·volumelever：顯示音量調節按鈕

還有一種是用windows media player來播放的（要求9.0以上）代碼：

<object id="player" height="64" width="260" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param NAME="AutoStart" VALUE="-1">

<param NAME="Balance" VALUE="0">

<param name="enabled" value="-1">

<param NAME="EnableContextMenu" VALUE="-1">

<param NAME="url" VALUE="http://1.wma">

<param NAME="PlayCount" VALUE="1">

<param name="rate" value="1">

<param name="currentPosition" value="0">

<param name="currentMarker" value="0">

<param name="defaultFrame" value="">

<param name="invokeURLs" value="0">

<param name="baseURL" value="">

<param name="stretchToFit" value="0">

<param name="volume" value="50">

<param name="mute" value="0">

<param name="uiMode" value="mini">

<param name="windowlessVideo" value="0">

<param name="fullScreen" value="0">

<param name="enableErrorDialogs" value="-1">

<param name="SAMIStyle" value>

<param name="SAMILang" value>

<param name="SAMIFilename" value>

</object>

❹ 為什麼網頁上的音樂不能播放需要什麼軟體

如果是win7系統，估計無法升級windows media player ，因為系統自帶的是wmp12已經是高版本。
如果嘗試過樓上的建議，沒有效果的話，就直接在
【360安全衛士—系統修復—電腦門診—上網異常—網路mp3……不能在線聽歌，無法播放—點此解決】然後試一下能不能播放。
我出現過這種情況，是修復一下就好啦，不清楚你是哪種情況。

❺ 如何用手機播放網頁音樂

<htmlxmlns="http://www.w3.org/1999/xhtml">

<headrunat="server">

<scripttype="text/javascript">

functionPlayMedia(){

varmediaPlugin=document.getElementById("MediaPlayer");

mediaPlugin.controls.play();

}

functionPauseMedia(){

varmediaPlugin=document.getElementById("MediaPlayer");

mediaPlugin.controls.pause();

}

</script>

</head>

<body>

<formid="form1"runat="server">

<div>

<objectid="MediaPlayer"height="64"width="260"classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">

<paramname="AutoStart"value="-1">

<paramname="Balance"value="0">

<paramname="enabled"value="-1">

<paramname="EnableContextMenu"value="-1">

<paramname="url"value="music/Test.mp3">

<paramname="PlayCount"value="1">

<paramname="rate"value="1">

<paramname="currentPosition"value="0">

<paramname="currentMarker"value="0">

<paramname="defaultFrame"value="">

<paramname="invokeURLs"value="0">

<paramname="baseURL"value="">

<paramname="stretchToFit"value="0">

<paramname="volume"value="50">

<paramname="mute"value="0">

<paramname="uiMode"value="mini">

<paramname="windowlessVideo"value="0">

<paramname="fullScreen"value="0">

<paramname="enableErrorDialogs"value="-1">

<paramname="SAMIStyle"value="">

<paramname="SAMILang"value="">

<paramname="SAMIFilename"value="">

</object>

<inputtype="button"id="btnStart"value="Start"onclick="PlayMedia();"/>|||

<inputtype="button"id="btnPause"value="Pause"onclick="PauseMedia();"/>

<%--<embedsrc="music/Test.mp3"visible="false"id="bgm"runat="server"style="display:none"></embed>--%>

</div>

</form>

</body>

</html>

註明：

這個是某網站的手機登陸後的代碼，從代碼上來看，IE瀏覽器是可以正常播放背景音樂。
但是手機瀏覽器比如【網路瀏覽器】是無法播放背景音樂，建議下載一個手機插件叫【JPlayer】這樣就可以播放手機網頁中的背景音樂。

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

❼ 網頁版的音樂播放器音質怎樣

其他條件不變，網路正常就一樣了，音質好壞和原音樂質量有關

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

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

閱讀全文

網頁版音樂播放

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