react-karaoke-lyric

Display karaoke lyric progress via React

Usage no npm install needed!

<script type="module">
  import reactKaraokeLyric from 'https://cdn.skypack.dev/react-karaoke-lyric';
</script>

README

react-karaoke-lyric

NPM version Build Status Test coverage Dependency Status

Display karaoke lyric progress via React

Install

$ npm install react-karaoke-lyric

Usage

var KaraokeLyric = require('react-karaoke-lyric');

<KaraokeLyric text="Hello world" percentage="80" />

API

props

text

Required Type: string

Text be displayed.

percentage

Required Type: number

Progress.

wrapperStyle

Type: object

Custom wrapper style.

fontStyle

Type: object

Custom font style.

activeStyle

Type: object

Custom active style.

License

MIT © C.T. Lin