注意：由于浏览器安全限制，不能打开本地的文件哦
因为时间有限，所以这个测试页面才会如此画风清奇...
k-lrcreader测试器
如何自己制作可以被k-lrcreader.js解析的lrc文件？
- 创建一个文本文件
- 更改文本文件后缀名为.lrc，名字自取
- 输入lrc文件内容
点击查看：k-lrcreader的专有lrc文件格式
点击查看：k-lrcreader的开放信息库
k-lrcreader的专有lrc文件格式
[ti:hello world]
[by:KIPI-C]
[ar:KIPI-C]
[offset:500][00:10:23]say hello|hello world!
[00:21:86]say hello2|hello world2![01:28:42]say hello2|hello world2!
上面的是作为演示demo的a.lrc文件（记住要分行哦！！！）
ti:
歌名
ar:
艺术家，也就是这首歌的作者，音乐没有播放之前和ti一起显示
by:
歌词作者，一般不显示出来
offset:
时间补偿 ，以毫秒为单位，1000为1秒，如:[offset:100]是歌词提前0.1秒，[offset:-100]是歌词减慢0.1秒
[00:10:23]内容1|内容2:
歌词出现的时间和内容，在这里： 00是分钟，10是秒，23是毫秒
内容1 是output1的输出内容， 内容2 是output2的输出内容
分隔符号为"|"
ti:
歌名
ar:
艺术家，也就是这首歌的作者，音乐没有播放之前和ti一起显示
by:
歌词作者，一般不显示出来
offset:
时间补偿 ，以毫秒为单位，1000为1秒，如:[offset:100]是歌词提前0.1秒，[offset:-100]是歌词减慢0.1秒
[00:10:23]内容1|内容2:
歌词出现的时间和内容，在这里： 00是分钟，10是秒，23是毫秒
内容1 是output1的输出内容， 内容2 是output2的输出内容
分隔符号为"|"
k-lrcreader的开放信息库
$$klrcreader{-----k-lrcreader.js的中心控制信息库
|--.version -----k-lrcreader.js的版本信息
|--.author -----k-lrcreader.js的作者
|--.github -----k-lrcreader.js的GitHub网址
|==.load(-----k-lrcreader.js的主函数，用于加载控制歌词
<String>lrcurl,-----lrc文档的URL链接
<Element>audio element,-----需要k-lrcreader.js监听时间的<audio>元素
<Element>output element1,-----输出歌词第一行文本的元素
<Element>output element2,-----输出歌词第二行文本的元素
<String>alt text------歌词没有加载完成或者失败的替代文本
)
|--.id -----k-lrcreader.js统计id的属性，($$klrcreader.id-1)即是load的调用次数
|==.k0{} -----ks的缓冲处理对象，可以不予理会
|==.k1(或者k2,k3...){-----k-lrcreader.js的进程信息库
|--ar -----歌词里面标明的这个艺术作品的创作人
|--ti -----歌词里面标明的这个艺术作品的名称
|--by -----歌词里面标明的这个歌词的创作人
|--offset -----歌词里面标明的歌词补偿
|--cmd -----"run"表示这个进程正在运行，修改为"del"即可停止并且删除这个进程
|--status -----是xhr请求反馈的status状态码
|--readyState -----是xhr请求反馈的readyState
|==connet{ -----这个进程链接的所有元素
|--1 -----这个进程控制文本的第一个元素
|--2 -----这个进程控制文本的第二个元素
|--audio -----这个进程控制的<audio>元素
|}
|}
|}
|--.version -----k-lrcreader.js的版本信息
|--.author -----k-lrcreader.js的作者
|--.github -----k-lrcreader.js的GitHub网址
|==.load(-----k-lrcreader.js的主函数，用于加载控制歌词
<String>lrcurl,-----lrc文档的URL链接
<Element>audio element,-----需要k-lrcreader.js监听时间的<audio>元素
<Element>output element1,-----输出歌词第一行文本的元素
<Element>output element2,-----输出歌词第二行文本的元素
<String>alt text------歌词没有加载完成或者失败的替代文本
)
|--.id -----k-lrcreader.js统计id的属性，($$klrcreader.id-1)即是load的调用次数
|==.k0{} -----ks的缓冲处理对象，可以不予理会
|==.k1(或者k2,k3...){-----k-lrcreader.js的进程信息库
|--ar -----歌词里面标明的这个艺术作品的创作人
|--ti -----歌词里面标明的这个艺术作品的名称
|--by -----歌词里面标明的这个歌词的创作人
|--offset -----歌词里面标明的歌词补偿
|--cmd -----"run"表示这个进程正在运行，修改为"del"即可停止并且删除这个进程
|--status -----是xhr请求反馈的status状态码
|--readyState -----是xhr请求反馈的readyState
|==connet{ -----这个进程链接的所有元素
|--1 -----这个进程控制文本的第一个元素
|--2 -----这个进程控制文本的第二个元素
|--audio -----这个进程控制的<audio>元素
|}
|}
|}
Tip：怕你看不清，我把$$klrcreader输出到控制台，赶快打开按F12打开控制台，翻到控制台上面看看吧！