react-imusic

React-IMusic

React-IMusic is an HTML5 Audio integration component.

Install

Simply install it using npm/yarn.

npm install react-imusic

Usage

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)