1.0.4 • Published 5 years ago
react-imusic v1.0.4
React-IMusic
React-IMusic is an HTML5 Audio integration component.
Install
Simply install it using npm/yarn.
npm install react-imusicUsage
import Music from 'react-imuisc';
<Music
src={list[index].url}
play={play}
onProgress={d => {
// ...
}}
/>Example
You can also directly view the Example code.
API
Props
| name | type | default | description |
|---|---|---|---|
| src | string | null | @required |
| play | bool | false | |
| autoPlay | bool | false | |
| preload | bool | true | |
| initSeek | number | 0 | |
| onProgress | function | d => d, | |
| onError | function | e => e, | |
| onLoadStart | function | e => e, | |
| onLoadMetaData | function | e => e, | |
| onLoad | function | e => e, | |
| onPlay | function | e => e, | |
| onPause | function | e => e, | |
| onEnd | function | e => e, | |
| onCanplay | function | e => e, | |
| onCanplayThrough | function | e => e, | |
| onRateChange | function | e => e, | |
| onDurationChange | function | e => e, | |
| onVolumeChange | function | e => e, | |
| onSuspend | function | e => e, | |
| onWaiting | function | e => e, | |
| onPlaying | function | e => e, | |
| onSeeking | function | e => e, | |
| onSeeked | function | e => e, |
onProgress callback param data:
{
currentTime: number,
duration: number,
seeking: boolean,
buffered: number,
seekable: number,
percent: number,
networkState: number,
}Module
| name | params | description |
|---|---|---|
| reLoad | () | |
| isPlay | () | |
| seek | (val: number) |