组件功能

用于播放音频的组件,提供简洁的播放控制,支持不同尺寸配置。

基础用法

通过 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%)