This is jQuery plugin that sync automatically .lrc lyrics with audio tag
JavaScript CSS HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md
ico_kirin.jpg
kirinlyric.css
kirinlyric.html
kirinlyric.js
kirinsan_ongen.lrc
kirinsan_ongen.m4a
kirinsan_ongen.ogg
kirinsan_ongen_zh_CN.lrc.txt

README.md

Kirinlyric

logo

This is jQuery plugin that sync automatically .lrc lyrics with HTML5 audio tag.

USAGE

HTML side

<link href="kirinlyric.css" rel="stylesheet" type="text/css">
...
<audio id="myAudio" controls src="xxx.ogg"&gt;&lt;/audio>
<div id="lyrics"&gt;&lt;/div>

JavaScript side

// require loading jQuery above
var lrcText = [
  '[00:01.22]Text 1',
  '[00:03.42]Text 2',
  '[00:06.88]Text 3'
].join('\r\n');
$('#myAudio').kirinlyric({
  target : '#lyrics',
  lrc : lrcText
});

DEMO