代码演示
如何引入
jsx
import { AudioPlayer } from '@kousum/semi-ui-vue';基本用法
基本使用,通过audioUrl传入音频地址
audioUrl 可以传入字符串,字符串数组,对象,对象数组, 具体参数参考 AudioPlayer
隐藏工具栏
showToolbar 设置为false,则隐藏工具栏
主题
通过 theme 设置音频播放器主题,支持 light 和 dark,默认 dark
API 参考
AudioPlayer
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| audioUrl | 音频地址 | string | string[] | AudioInfo | AudioInfo[] | - |
| autoPlay | 自动播放 | boolean | false |
| theme | 主题,可选值:dark 和 light | string | "dark" |
| showToolbar | 是否显示工具栏 | boolean | true |
| skipDuration | 跳转时间 | number | 10 |
| className | 类名 | string | - |
| style | 内联样式 | object | - |
AudioInfo
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| src | 音频地址 | string | - |
| title | 音频标题 | string | - |
| cover | 封面图片 | string | - |