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

zhu*_*hou 9 html javascript audio

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

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

Dev*_*rke 6

<bgsound>标记是特定于Internet Explorer的,因此无法在其他浏览器(如FireFox)中使用.<embed>如果您正确使用它,标签应该可以在FireFox中使用.它将使用浏览器插件播放声音.以下是一个例子:

<embed loop="true" src="sound.wav" hidden="true" type="video/quicktime"></embed>
Run Code Online (Sandbox Code Playgroud)
  • loop="true" 指定重复播放声音.
  • src="sound.wav"指定要播放的声音文件的相对路径.您可以播放的各种格式取决于type=您指定的内容.
  • hidden="true"表示不显示媒体播放器的界面.如果您希望用户无法暂停,停止或浏览声音,请将其隐藏.
  • type="video/quicktime"指定使用Quicktime组件,这意味着客户端必须安装Quicktime.使用application/x-mplayer2Windows媒体播放器或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>
Run Code Online (Sandbox Code Playgroud)

请记住,与<marquee>标签一样,网页上的背景声音通常是不受欢迎的,因为它通常是突兀和恼人的.此外,当用户在页面之间切换或导致后置时,声音将从头开始重新开始.仅使用高度压缩的音频格式,这意味着它们具有较小的文件大小,或者在下载到客户端计算机时声音将无法播放几秒钟.


Xee*_*sHu 5

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

<audio controls="controls"><source src="SoundFile.mp3" type="audio/mpeg" /></audio>
Run Code Online (Sandbox Code Playgroud)

嵌入式播放器如下所示:

在此输入图像描述

如果您不想显示播放器(并且不向用户提供控制),请使用以下代码:

<audio><source src="SoundFile.mp3" type="audio/mpeg" /></audio>
Run Code Online (Sandbox Code Playgroud)

有关自动播放等更多信息和选项,请参阅HTML5音频.


Naz*_*Naz 5

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

<audio autoplay="autoplay" controls="controls">
     <source src="http://play.onet4u.com/nazrenz.mp3" />     
 </audio>
Run Code Online (Sandbox Code Playgroud)

或者隐藏控件:

<audio autoplay="autoplay">
     <source src="http://play.onet4u.com/nazrenz.mp3" />     
 </audio>
Run Code Online (Sandbox Code Playgroud)