本项目继承自https://github.com/justan/lrc
主要尝试支持audio标签控制LRC,以及多行歌词的支持(见example)
而且删除了一些东西,因为不懂node
尝试将核心功能和参数分开, 移除了jquery。三个参数都是元素选择器字符串, 调用 loadLrc(lrc, out, audio) 即可:
loadLrc('pre[name="lrc"]', '.out', 'audio');多个播放器时用容器 id 区分, 避免全部配到页面第一个元素上:
loadLrc('#player1 pre[name="lrc"]', '#player1 .out', '#player1 audio');
loadLrc('#player2 pre[name="lrc"]', '#player2 .out', '#player2 audio');注意: 调用需在上述 DOM 元素之后执行(把 script 放在 body 末尾, 或包在 DOMContentLoaded 里)。
完整示例见 example/example.html
支持 [mm:ss.xx](两位毫秒,按厘秒换算) 和 [mm:ss.xxx](三位毫秒) 两种时间戳格式,不支持无毫秒时间戳(如 [00:12])。
解析时遇到无毫秒时间戳: 错误信息(含行号和该时间戳)会直接打印到歌词输出区域(out), 并立即停止解析整首歌词 —— 已解析内容被清空, 歌词不再渲染和播放。
a javascript lrc parser
lrc 是个 [lrc 歌词]解析程序, 并且有 lrc 播放功能.