解析歌词与显示

解析歌词 使用canvas显示lrc歌词

支持卡拉ok式(酷狗那种的lrc)歌词读取与显示

如果有什么疑问请开issues

我的代码可能有些不规范XD

var lrPar = new lyricParsing({ //音频标签 audio:document.getElementById("audios"), //画布标签 canvas:document.getElementById('canvas'), //音频链接 audiourl:"music/lty_qcj.m4a", //歌词全局偏移值 offset:60, //调试模式 debug:false, //画布刷新时间(毫秒) reftime:7, //渲染字体 rander_font:"32px Microsoft YaHei" }); 使用方法

先new一个

var lrPar = new lyricParsing({ //音频标签 audio:document.getElementById("audios"), //画布标签 canvas:document.getElementById('canvas'), //音频链接 audiourl:"在这填入音频链接", //歌词全局偏移值 offset:60, //调试模式 debug:false, //画布刷新时间(毫秒) reftime:7, //渲染字体 rander_font:"32px Microsoft YaHei" });

然后初始化

lrPar.init(歌词字符串变量)

就能使用了

其他的请看index.html文件