组件功能
用于播放音频的组件,提供简洁的播放控制,支持不同尺寸配置。
基础用法
通过 src 指定音频资源,size 控制播放器尺寸。
Template 示例:
<Audio src="https://www.w3schools.com/html/horse.mp3" size="md" />
效果展示如下:

属性说明
| 属性名 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| src ★ | string |
音频资源 URL | - |
| size | "sm" | "md" | "lg" |
播放器尺寸 | "md" |
注意:
★ 标记为必填属性。
播放器功能
音频播放器默认提供以下功能:
-
播放/暂停控制。
-
音量控制。
-
进度条显示和拖拽。
-
播放时间显示。
-
播放速度调整。
尺寸说明
| 尺寸 | 宽度 | 适用场景 |
|---|---|---|
| sm | 260px | 侧边栏、小卡片 |
| md | 320px | 常规内容区 |
| lg | 480px | 主要内容区 |
| 默认 | 100% | 自适应容器宽度(最小 260px,最大 100%) |