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

时间:2011-06-30 03:26:08

标签: javascript html audio

如何在网页中添加背景音乐?因此,当访问者打开页面时,音乐将自动播放。

我尝试了<object> <embed><bgsound>,但他们都没有在firefox中工作。为什么呢?

3 个答案:

答案 0 :(得分:6)

<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。使用application/x-mplayer2用于Windows Media Player或audio/x-pn-realaudio-plugin用于Real Player音频。 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>标记一样,网页上的背景声音通常不受欢迎,因为它通常是突兀和令人讨厌的。此外,当用户在页面之间切换或导致后置时,声音将从头开始重新开始。仅使用高度压缩的音频格式,这意味着它们的文件较小,或者在下载到客户端计算机时声音将无法播放几秒钟。

答案 1 :(得分:5)

嵌入方法会在您的网页中放置媒体播放器。这是代码的最基本版本:

<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

答案 2 :(得分:5)

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

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