如何在网页中添加背景音乐？

Question

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

我试过<object>、<embed>和<bgsound>，但它们都不能在火狐上运行。为什么？

Answer 1

<bgsound>标记是特定于Internet Explorer的，因此在FireFox等其他浏览器中不起作用。如果使用得当，<embed>标记应该可以在FireFox中工作。它将使用浏览器插件来播放声音。下面是一个示例：

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

• loop="true"指定播放声音repeatedly.
• src="sound.wav"指定要播放的声音文件的相对路径。您可以播放的格式的多样性取决于您的specify.
• hidden="true"所指示的不显示媒体播放器界面的type=。如果希望用户不能暂停、停止或浏览要使用Quicktime组件的sound.
• type="video/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>标签一样，网页上的背景声音通常是不受欢迎的，因为它通常令人生厌和讨厌。此外，当用户在页面之间切换或引起回发时，声音将从头重新开始。仅使用高度压缩的音频格式，这意味着它们的文件大小较小，否则声音在下载到客户端计算机时将不会播放几秒钟。

Answer 2

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

​

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

​

或者隐藏控件：

​

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

​

Answer 3

embedding方法会在页面中放置一个媒体播放器。以下是代码的最基本版本：

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

嵌入的播放器如下所示：

​

​

如果您不希望向播放器显示(并且不为用户提供控制)，请使用以下代码：

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

有关自动播放等更多信息和选项，请参阅HTML5 audio。