如何在 HTML 中添加声音

在本文中，我们将了解使用哪个标签在 HTML 中创建声音元素，以及了解定义音频行为方式的属性。

直截了当地说，要向 HTML 文档添加声音，您需要使用 ` 标签

然后我们添加`标签` 以及音频文件的路径。

一个有趣的细节，我们还可以添加多个具有不同扩展名的文件作为安全措施，HTML 会考虑第一个支持的文件。

在本例中，我们将添加一个扩展名为“.wav”的文件。如果该文件不受支持或者存在问题，HTML 将考虑下一个“.mp3”文件。

最后，如果浏览器不支持任何文件，我们可以显示一条文本消息告知用户错误的原因。

浏览器支持的音频文件有：

我们还在 ` 标签中使用 `type` 属性` 来告诉浏览器正在使用什么类型的文件，这是保持 HTML 语义的好方法。

结果如下：

音频标签属性

除了“controls”属性之外，我们还可以在“

在上述代码的情况下，一旦页面加载完毕，音频就会因为 `autoplay` 属性而自动播放，并会因为 `loop` 属性而继续播放。