javascript - 如何给网页添加背景音乐?

标签 javascript html audio

如何给网页添加背景音乐?这样当访问者打开页面时,音乐就会自动播放。

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

最佳答案

<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>标签,网页上的背景声音通常不受欢迎,因为它通常很刺耳和烦人。此外,当用户在页面之间切换或引起回发时,声音将从头重新开始。仅使用高度压缩的音频格式,这意味着它们的文件较小,否则在下载到客户端计算机时声音将在几秒钟内无法播放。

关于javascript - 如何给网页添加背景音乐?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6529645/

相关文章:

javascript - 聚焦文本字段时视口(viewport)水平移动

IE 与 FF 中的 HTML DIV 和 IMG 标签间距

javascript - $(window).on ('load' , ...) 在 MS Edge 中出现得太快

javascript - 将条件语句应用于数组中的每个元素

python - BeautifulSoup4 无法从此表中抓取数据

math - 您如何解释FFT输出产生的频率

c++ - 在 C++ (Portaudio) 中捕获全局音频输出

java - 无法在android中解析Java中的符号工具包

javascript - 在 React.JS 中禁用右键单击

javascript - Angular UI 路线状态未显示