1.0.9-beta • Published 5 years ago

react-simple-audio v1.0.9-beta

Weekly downloads
13
License
ISC
Repository
github
Last release
5 years ago

simpleAudio 是什么

这是一款基于 react 框架的开源的超级简单的音频播放器。开箱即食!!

功能

  • 支持自定义音频外观
  • 支持自定义播放指针
  • 支持倍速播放
  • 进度条可调整

如何使用

npm i react-simple-audio

或者

yarn add react-simple-audio

!!请确保您的 react 版本高于 16.8

live demo

使用文档

PlayingButton

成员说明类型默认值
src音乐地址string
playing播放状态booleanfalse 暂停
onPlay播放函数function(time){}-
onPause暂停函数function(time){}-
className组件样式object-
iconClassNameicon 样式(调整默认 icon 样式)object-
customIcon自定义 iconobject(ReactDOM){playIcon: ReactDOM, pauseIcon: ReactDOM}-

BasicAudio

成员说明类型默认值
playButtonClassName播放按钮外边框样式string-
showTime是否显示时间booleantrue
audioInfo音频信息 (名称、作者、图片)object{name, author, img}-

有所有 playingButton 的 Api

Progress

成员说明类型默认值
showPointer是否显示进度指针booleantrue(显示)
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