如何通过音频切换将背景音乐添加到网页？

Posted 2023-02-25

【中文标题】如何通过音频切换将背景音乐添加到网页？

【英文标题】：how to add background music to a web page with audio toggle?

【发布时间】：2016-03-27 05:28:40

【问题描述】：

我正在使用 bootstrap 来构建我的网站，我想在其中添加一点闪光。我在这里读过一些东西，但找不到我想要的。

glyphicon-volume-up 到导航栏标题的右侧。 访问网站后自动播放音乐 音量默认为 50% 在 glyphicon-volume-off/glyphicon-volume-up（取消静音和静音）之间切换

【参考方案1】：

您应该使用 html 音频标签

<audio controls autoplay>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio tag.
</audio

你可以试试here。当您转到链接并刷新时，添加我上面的自动播放。

注意：您也可以使用 CSS 来隐藏音频播放器和 write custom javascript to control the audio 并使用您自己的按钮。

【讨论】：

请注意，如果您使用 JS 创建元素，您甚至不必将其放在 DOM 树上即可播放音频。