1.0.9-beta • Published 5 years ago
react-simple-audio v1.0.9-beta
simpleAudio 是什么
这是一款基于 react 框架的开源的超级简单的音频播放器。开箱即食！！
功能
- 支持自定义音频外观
- 支持自定义播放指针
- 支持倍速播放
- 进度条可调整
如何使用
npm i react-simple-audio或者
yarn add react-simple-audio!!请确保您的 react 版本高于 16.8
使用文档
PlayingButton
| 成员 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| src | 音乐地址 | string | |
| playing | 播放状态 | boolean | false 暂停 |
| onPlay | 播放函数 | function(time){} | - |
| onPause | 暂停函数 | function(time){} | - |
| className | 组件样式 | object | - |
| iconClassName | icon 样式（调整默认 icon 样式） | object | - |
| customIcon | 自定义 icon | object(ReactDOM){playIcon: ReactDOM, pauseIcon: ReactDOM} | - |
BasicAudio
| 成员 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| playButtonClassName | 播放按钮外边框样式 | string | - |
| showTime | 是否显示时间 | boolean | true |
| audioInfo | 音频信息 (名称、作者、图片) | object{name, author, img} | - |
有所有 playingButton 的 Api
Progress
| 成员 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| showPointer | 是否显示进度指针 | boolean | true(显示) |
| className | 自定义进度条样式 | object | |
| pointer | 自定义进度条指针 | object\ReactDOM |
AudioTime
| 成员 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| className | 组件样式 | object | - |
| handleRenderTime | 自定义时间显示方式 | funtion(info: {currentTime, duration}) return ReactDOM | - |
1.0.9-beta
5 years ago
1.0.8-beta
5 years ago
1.0.7-beta
5 years ago
1.0.6-beta
5 years ago
1.0.5
5 years ago
1.0.4
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago