# 插入音频

URL: https://caijiao.org/html/06-multimedia/02-audio
Source: docs/html/06-multimedia/02-audio.md
Description: HTML 使用 标签插入音频文件，支持多种格式，提供播放控制、自动播放和循环等功能，方便在网页中嵌入音乐、播客和语音内容。

HTML 中通过 `<audio>` 标签来嵌入音频文件，为网页添加声音元素，提高用户体验。

## 基本用法

```html
<audio src="audio.mp3" controls></audio>
```

- `src` 属性指定音频文件路径。
- `controls` 属性显示播放控制条（播放、暂停、音量调节等）。

## 常用属性

- `autoplay`：页面加载后自动播放（多数浏览器要求静音才生效）
- `loop`：循环播放
- `muted`：静音播放
- `preload`：预加载音频，值可为 `auto`、`metadata`、`none`

## 多格式支持示例

为保证浏览器兼容性，建议使用多个 `<source>` 标签：

```html
<audio controls>
  <source src="audio.mp3" type="audio/mpeg" />
  <source src="audio.ogg" type="audio/ogg" />
  您的浏览器不支持音频播放。
</audio>
```

## 音频格式兼容性

| 格式 | 类型       | 支持浏览器         |
| ---- | ---------- | ------------------ |
| MP3  | audio/mpeg | 几乎所有现代浏览器 |
| OGG  | audio/ogg  | Chrome、Firefox 等 |
| WAV  | audio/wav  | 多数浏览器支持     |

使用 `<audio>` 标签可以轻松在网页中嵌入音乐、播客、语音提示等，丰富网站的交互体验。