如何在网页中播放音频_BGSOUND标签实现背景音乐-html教程-PHP中文网

bgsound 标签在现代网页中完全不可用——仅ie 5–8支持，chrome/firefox/edge/safari均不解析，html5已废弃；必须改用标签并处理自动播放策略（需muted或用户交互触发）。

如何在网页中播放音频_bgsound标签实现背景音乐

bgsound 标签在现代网页中**完全不可用**——它只在旧版 Internet Explorer（IE 5–8）中生效，Chrome、Firefox、Edge（Chromium 版）、Safari 等所有主流浏览器均不解析该标签，HTML5 标准已将其明确标记为「非一致特性」并废弃。

为什么 `bgsound` 在当前项目里会静音或直接消失

不是代码写错了，而是浏览器根本无视它。即使你写了 <bgsound src="music.mp3" loop="-1"></bgsound>，现代浏览器的 HTML 解析器会跳过该标签，不加载音频、不报错、也不触发任何行为。开发者工具的 Elements 面板里能看到标签存在，但 Network 面板里不会发出音频请求，audio 上下文也完全不建立。

IE9+ 已停止支持 bgsound（包括兼容模式）
Edge（2015 年后所有版本）彻底移除该功能
Chrome/Firefox/Safari 从未实现过该标签
即使使用 autostart="true" 或 loop="infinite"，也毫无意义——标签本身不被识别

`<audio></audio>` 是唯一可靠且标准的替代方案

必须用 <audio></audio> 替代，且需注意自动播放策略：现代浏览器默认禁止无用户交互的音频自动播放（防止骚扰），所以仅靠 autoplay 属性大概率失败。

html-deploy

使用 htmlcode.fun 将 HTML 内容或文件部署到网页，适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。

下载

正确写法示例：<audio src="bg.mp3" loop muted autoplay></audio>
muted 是关键：有静音属性，autoplay 才可能生效（尤其在 Chrome 和 Safari 中）
若需有声自动播放，必须由用户显式交互触发（如点击按钮后调用 play()）
支持格式：MP3、WAV、OGG；MIDI（.mid）需转成音频或用 Web Audio API 加载

曾经依赖 `bgsound` 的老项目怎么救

如果维护的是 IE 时代遗留页面，且必须保持“最小化暂停/恢复继续”这类行为（bgsound 的隐含特性），<audio></audio> 无法原样复现——它没有窗口状态感知能力。你需要手动监听 visibilitychange 事件：

<audio id="bg-audio" src="bg.mp3" loop></audio><script>
const audio = document.getElementById('bg-audio');
document.addEventListener('visibilitychange', () => {
  if (document.hidden) audio.pause();
  else audio.play().catch(() => {}); // 忽略自动播放拒绝
});
</script>