lyricParsing

解析歌词 使用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文件