如何將背景音樂添加到網頁？

如何將背景音樂添加到網頁？所以當訪問者打開頁面時，音樂會自動播放。如何將背景音樂添加到網頁？

我試過<object><embed>和<bgsound>但他們都不能在Firefox中工作。爲什麼？

2011-06-30 zhuanzhou

+17

不要這樣做。它惹惱用戶。 – Asaph

@Asaph我認爲在很少的情況下它可能是合適的（例如HTML遊戲，基於畫布的動畫等）。大多數時候，你是對的 - 這很煩人，會導致人們離開。 – djlumley

<bgsound>標記是Internet Explorer特有的，因此在其他瀏覽器（如FireFox）中不起作用。如果使用正確，<embed>標籤應該可以在FireFox中使用。它將使用瀏覽器插件播放聲音。下面是一個例子：

<embed loop="true" src="sound.wav" hidden="true" type="video/quicktime"></embed>

loop="true"指定反覆播放聲音。
src="sound.wav"指定要播放的聲音文件的相對路徑。您可以播放的各種格式取決於您指定的type=。
hidden="true"表示不顯示媒體播放器的界面。如果您希望用戶無法暫停，停止或瀏覽聲音，請將其隱藏。
type="video/quicktime"指定使用Quicktime組件，這意味着客戶端必須安裝Quicktime。適用於Windows Media Player的application/x-mplayer2或適用於Real Player音頻的audio/x-pn-realaudio-plugin。 Quicktime播放更多格式，可能是您想要使用的格式。

或者，以非常類似的方式使用<object>。下面是一個例子：

<object data="sound.wav" type="video/quicktime" width="0" height="0"> 
    <param name="filename" value="sound.wav"> 
    <param name="autostart" value="1"> 
    <param name="playcount" value="true"> 
</object>

請記住，像<marquee>標記，在網頁上的背景聲音通常是令人難以接受的，因爲它往往是突兀和惱人。而且，當用戶在頁面之間切換或導致後貼時，聲音將從頭開始重新開始。只能使用高度壓縮的音頻格式，這意味着它們的文件很小，或者聲音在下載到客戶端機器時不會播放數秒。

來源

2011-06-30 03:36:03

該嵌入方法將媒體播放器放置在您的頁面中。下面的代碼的最基本的版本：

<audio controls="controls"><source src="SoundFile.mp3" type="audio/mpeg" /></audio>

嵌入播放器看起來是這樣的：

enter image description here

如果您希望不會展現給玩家（並給用戶沒有控制），使用以下代碼：

<audio><source src="SoundFile.mp3" type="audio/mpeg" /></audio>

有關更編隊和選項，如自動播放，請參閱HTML5 audio。

來源

2013-06-20 08:21:41

播放音頻和顯示標準控件：

<audio autoplay="autoplay" controls="controls"> 
 
    <source src="http://onet4u.com/nazrenz.mp3" />  
 
</audio>

還是隱藏控件：

<audio autoplay="autoplay"> 
 
    <source src="http://onet4u.com/nazrenz.mp3" />  
 
</audio>

來源

2016-03-14 05:09:38

如何將背景音樂添加到網頁？

回答

相關問題