如何将HTML代码嵌入音频文件播放？

本文共计971个文字，预计阅读时间需要4分钟。

直接在HTML中写一行就能跑，但必须满足三个条件：

• src 必须是相对或绝对 URL，不能是本地文件系统路径（如 file:///...），否则开发服务器未启用时会 404
• 务必加 controls 属性，否则默认无界面，用户点不了播放
• 如果想让页面一打开就响，加 autoplay，但注意：Chrome、Safari、Edge 等绝大多数浏览器会拦截“有声 autoplay”，除非同时带 muted
• 示例：<audio src="music.mp3" controls autoplay muted></audio>

为什么只放 .mp3 还是有人播不了

不是所有浏览器都支持同一种编码格式。MP3 在 Safari 和 Chrome 没问题，但 Firefox 和旧版 Edge 默认不支持 MP3，只认 audio/ogg（.ogg）或 audio/wav（.wav）。