docs/HTML5_Audio

HTML5 音频教程

HTML5 音频元素 <audio> 允许在网页中嵌入和控制音频内容。以下是一些基本的 HTML5 音频教程内容。

使用 <audio> 标签可以嵌入音频文件，如下所示：

<audio controls>
  <source src="example.mp3" type="audio/mpeg">
  您的浏览器不支持音频元素。
</audio>

这里，controls 属性提供播放、暂停、音量控制等按钮。<source> 标签用于指定音频文件的来源，type 属性表示音频文件的格式。

大多数现代浏览器支持以下音频格式：

您可以为同一音频元素提供多个音频源：

<audio controls>
  <source src="example.mp3" type="audio/mpeg">
  <source src="example.ogg" type="audio/ogg">
  您的浏览器不支持音频元素。
</audio>

浏览器将自动尝试加载支持的音频格式。

要使音频自动播放，可以使用 autoplay 属性：

<audio controls autoplay>
  <source src="example.mp3" type="audio/mpeg">
  您的浏览器不支持音频元素。
</audio>

请注意，出于用户体验的考虑，大多数浏览器都会限制自动播放音频的功能。

下面是几种不同类型的音频文件图标：