如何将背景音乐添加到网页？

问题描述：

如何将背景音乐添加到网页？所以当访问者打开页面时，音乐会自动播放。如何将背景音乐添加到网页？

我试过<object><embed>和<bgsound>但他们都不能在Firefox中工作。为什么？

+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>标记，在网页上的背景声音通常是令人难以接受的，因为它往往是突兀和恼人。而且，当用户在页面之间切换或导致后贴时，声音将从头开始重新开始。只能使用高度压缩的音频格式，这意味着它们的文件很小，或者声音在下载到客户端机器时不会播放数秒。

答

该嵌入方法将媒体播放器放置在您的页面中。下面的代码的最基本的版本：

<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。

答

播放音频和显示标准控件：

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

还是隐藏控件：

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

如何将背景音乐添加到网页？

相关推荐