Audio HTML标签 - HTML

HTML（超文本标记语言）是一种由W3C开发的标准用于创建Web页面的语言。HTML具有一些内置的标签，其中包括用于在网页上播放音频的 <audio> 标签。

<audio>标签

<audio>标签用于在HTML5中嵌入音频文件。它允许在网页上直接播放音频。以下是<audio>标签的基本语法：

<audio src="music.mp3" controls></audio>

• src：指定音频文件的网址。
• controls：用于显示音频播放器的控制面板。

<audio>标签也可以设置其他属性来控制音频的播放、预加载、音量等。以下是一些常用属性：

• autoplay：自动开始播放音频文件。
• loop：循环播放音频文件。
• preload：指定预加载行为。可选的值为 "none"、 "metadata" 或 "auto"。默认值为 "auto"。
• title：指定音频文件的标题。
• volume：设置音频的音量大小。取值范围为0.0（静音）到1.0（最大音量）。

以下是一个带有附加属性的<audio>标签的例子：

<audio src="music.mp3" controls autoplay loop preload="metadata" title="My Music" volume="0.8"></audio>

<source>标签

<source>标签是<audio>标签的子标签，用于指定不同格式的音频文件，以确保浏览器能够根据其支持的格式播放音频。以下是<source>标签的基本语法：

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

<source>标签具有两个重要的属性：

• src：指定音频文件的网址。
• type：指定音频文件的MIME类型（多用于浏览器判断文件类型）。

在<audio>标签中，可以设置多个<source>标签，浏览器会自动选择其中支持的格式进行播放。

浏览器支持

<audio>标签是HTML5新增的标签，不是所有浏览器都支持它。一般来说，现代浏览器都支持<audio>标签，包括：

• Google Chrome
• Firefox
• Safari
• Opera
• Edge
• Internet Explorer 9+

总结

<audio>标签是HTML5中用于嵌入音频文件的标签。可以通过设置不同的属性控制音频的播放、预加载、音量等。<source>标签是<audio>标签的子标签，用于指定不同格式的音频文件，以确保浏览器能够根据其支持的格式播放音频。