# le-audio

**Repository Path**: le-ui/le-audio

## Basic Information

- **Project Name**: le-audio
- **Description**: uniapp插件： 音频组件，支持h5、小程序、app等
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://ext.dcloud.net.cn/plugin?id=12417
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 3
- **Created**: 2023-05-14
- **Last Updated**: 2024-12-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: uni-app

## README

### QQ交流群（976877697）

# le-audio

### 使用方式

```javascript
<le-audio
    :activeIndex="audioActiveIndex" 
    :audioData="audioList" 
    :autoplay="true"
    :loopPlay="true"
    :showAudioListIcon="false" 
    :showAudioSpeedIcon="true"
    @onOpenAudioList="onOpenAudioList"
    @onAudioChange="onAudioChange"
    @onAudioEnd="onAudioEnd"
    @onPlayProgress="onPlayProgress"
></le-audio>
```

### 组件的属性说明如下：

| 属性               | 类型    | 默认值 | 必填 | 说明                                                   |
| ------------------ | ------- | ------ | ---- | ------------------------------------------------------ |
| audioData          | Array   | []     | 是   | 播放列表数据                                           |
| activeIndex        | Number  | -1     | 否   | 默认播放的索引                                         |
| showAudioListIcon  | Boolean | false  | 否   | 是否显示播放列表按钮（仅是一个按钮，不会弹出真的列表） |
| showAudioSpeedIcon | Boolean | false  | 否   | 是否显示播放倍速按钮                                   |
| autoplay           | Boolean | true   | 否   | 初始化时是否自动播放                                   |
| loopPlay           | Boolean | false  | 否   | 是否循环播放列表                                       |

#### audioData参数说明：

| 属性    | 类型   | 必填 | 说明      |
| ------- | ------ | ---- | --------- |
| title   | String | 是   | 播放名称  |
| fileUrl | String | 是   | 播放链接  |
| image   | String | 否   | 封面图url |
| epname  | String | 否   | 专辑名    |
| singer  | String | 否   | 歌手名    |
| webUrl  | String | 否   | 页面链接  |

### 事件

| 事件名称       | 回调参数                       | 说明                                                         |
| -------------- | ------------------------------ | ------------------------------------------------------------ |
| onOpenAudioLis | () => void                     | 点击播放列表按钮事件                                         |
| onAudioChange  | (data,index) => void           | 改变事件，data为当前播放的数据，index为当前播放的索引        |
| onPlayProgress | (currentTime,duration) => void | 播放进度事件，currentTime为当前播放的时间，duration为播放总时长 |
| onAudioEnd     | () => void                     | 整个列表播放结束事件                                         |