lyric-view-cj双语歌词解析实战LRC格式LyricParser完全指南【免费下载链接】lyric-view-cj音乐播放器自动滚动歌词组UI件项目地址: https://gitcode.com/Cangjie-TPC/lyric-view-cjlyric-view-cj是一款可关联音乐播放器的自动滚动歌词 UI 组件内置LyricParser解析器能够完成 LRC 格式的双语歌词解析从文本或文件中读取歌词、换算时间戳、合并中英文两版歌词并驱动歌词界面随播放进度滚动。本文面向新手从 LRC 格式讲起带你吃透 LyricParser 的解析原理与接入步骤。 项目结构一览先认识这几个目录在动手之前先了解源码组织方式方便后续查阅资料目录作用lyricview/src/main/cangjie/核心库源码含解析、数据模型、视图组件lyricview/src/main/cangjie/parse/歌词解析器LyricParser、FileParserlyricview/src/main/cangjie/bean/歌词数据结构Lyric、LyricLineentry/可运行的示例工程doc/feature_api.md官方接口文档 三步接入把 lyricview 装进你的项目最快配置方法——把组件作为本地模块依赖引入获取项目源码作为 git submodule 引入到你的工程cd $工程根目录/third-party git submodule add https://gitcode.com/Cangjie-TPC/lyric-view-cj修改 entry 下的 cjpm.toml添加依赖[dependencies] [dependencies.lyricview] path ../lyricview在页面中引入组件包import lyricview.bean.* import lyricview.parse.* import lyricview.view.* 环境要求DevEco Studio 5.1.1 ReleaseSdkVersion 需支持 19 及以上版本。 LRC 格式入门时间戳 元数据标签LRC 是一种纯文本歌词格式由元数据行和时间戳行两部分组成例如[ti:画心] [ar:张靓颖] [al:432326] [by:] [offset:0] [00:00.10]画心 - 张靓颖 [01:05.49]看不穿 是你失落的魂魄各标签含义如下标签含义解析后写入的字段[ti:]歌曲标题title[ar:]歌手artist[al:]专辑album[by:]制作者by[offset:]时间戳整体偏移量毫秒offset[mm:ss.xx]歌词行的开始时间beginTime时间戳换算是 LyricParser 的核心工作之一实现在 lyric_parser.cj 的parseTimeline中分钟 × 60000 秒 × 1000 尾数最终统一为毫秒。比如[01:05.49]→65490毫秒。 解析原理从字符串到 Lyric 数据结构LyricParser 提供三个重载的parse接口覆盖不同数据来源接口适用场景parse(source: String)一整段 LRC 文本可含双语同时间戳相邻书写parse(text: ArrayString)按行切分好的单语歌词数组parse(mainLyric, secondLyric)两版语言分别传入的双语歌词核心解析流程以 parse 接口 为例逐行扫描跳过空行识别ti:/ar:/al:/by:/offset:元数据标签时间戳行处理按]切分提取[mm:ss.xx]换算为毫秒再取出歌词文本offset 校正每行开始时间统一减去[offset:]偏移量兼容卡拉OK式前奏延迟nextTime 推算每行结束时间取下一行的开始时间最后一行兜底 1000ms为滚动动画提供区间。解析完成后结果封装为两个数据结构定义见 lyric.cj 与 lyric_line.cjLyric承载 title、artist、album、offset 与整首歌的歌词行列表LyricLine单行歌词含text第一语言、secondText第二语言、beginTime、nextTime四个字段。 双语合并机制同一时间戳自动配对双语歌词的关键在于按时间戳对齐。解析器会把两版歌词分别解析后遍历主歌词的每一行寻找开始时间相同的另一语言行并写入secondText合并逻辑见 lyric_parser.cj[00:20.30]Feeling my way through the darkness [00:20.30]黑暗中摸索前路两行时间戳相同最终合并为一条LyricLine界面即可上下同步展示中英文。测试数据可参考 mock_data.cj。 从文件解析FileParser 的换行符兼容如果歌词存放在资源文件中使用 file_parser.cj 的FileParser即可它先读取文件再交给 LyricParser。值得留意的是它对换行符做了三态兼容Windows\r\nUnix\nMac 旧版\r跨平台编辑过的 LRC 文件都能正确按行切分这也是双语歌词解析在真实场景中稳定工作的关键细节之一。另外组件还支持自定义解析实现 IParser 接口 即可替换默认解析逻辑。▶️ 把解析结果交给 LyricView让歌词滚动起来解析完成后通过LyricController把 Lyric 交给 LyricView 组件完整用法可参考示例页 lyric_view_test_case.cj核心四步配置样式setTextSize、setTextColor、setHighlightColor、setEmptyHint无歌词时居中提示语等链式调用塞入歌词lyricController.setLyric(lyric)驱动滚动lyricsScrolling(callback)启动定时回调或在播放进度变化时调用updatePosition(mediaPosition)手动刷新支持拖动 seekLyricView开启enableSeek: true后用户拖动歌词即可回跳播放位置onSeekAction返回true表示事件被消费。更多样式参数行间距、聚焦缩放、加粗、缓存行数等详见 feature_api.md 的LyricController章节。⚠️ 避坑清单6 个常见问题空歌词输入为空字符串时返回空Lyric界面显示setEmptyHint配置的提示默认--不会崩溃无文本的时间戳行如[00:08.30]只有时间没有文字会被自动跳过时间戳格式必须形如[mm:ss.xx]缺少:或.的行会被忽略不会进入歌词列表offset 是毫秒[offset:]直接参与每行开始时间计算写错单位会导致整体错位双语行必须时间戳完全相等才能配对成功写 LRC 时建议工具导出而非手敲换行符混乱自己拼文本时优先交给FileParser不要手动 split避免遗漏 Mac 旧版\r换行。 小结lyric-view-cj 把双语歌词解析拆成了清晰的两层LyricParser 负责 LRC 文本 → Lyric 数据结构的转换LyricView 负责数据 → 滚动界面的渲染。你只要准备好一段 LRC 文本或文件三步接入即可获得带 seek、聚焦高亮、双语同步的歌词体验。完整接口签名随时可查 doc/feature_api.md。【免费下载链接】lyric-view-cj音乐播放器自动滚动歌词组UI件项目地址: https://gitcode.com/Cangjie-TPC/lyric-view-cj创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 lyric-view-cj双语歌词解析实战：LRC格式LyricParser完全指南
lyric-view-cj双语歌词解析实战LRC格式LyricParser完全指南【免费下载链接】lyric-view-cj音乐播放器自动滚动歌词组UI件项目地址: https://gitcode.com/Cangjie-TPC/lyric-view-cjlyric-view-cj是一款可关联音乐播放器的自动滚动歌词 UI 组件内置LyricParser解析器能够完成 LRC 格式的双语歌词解析从文本或文件中读取歌词、换算时间戳、合并中英文两版歌词并驱动歌词界面随播放进度滚动。本文面向新手从 LRC 格式讲起带你吃透 LyricParser 的解析原理与接入步骤。 项目结构一览先认识这几个目录在动手之前先了解源码组织方式方便后续查阅资料目录作用lyricview/src/main/cangjie/核心库源码含解析、数据模型、视图组件lyricview/src/main/cangjie/parse/歌词解析器LyricParser、FileParserlyricview/src/main/cangjie/bean/歌词数据结构Lyric、LyricLineentry/可运行的示例工程doc/feature_api.md官方接口文档 三步接入把 lyricview 装进你的项目最快配置方法——把组件作为本地模块依赖引入获取项目源码作为 git submodule 引入到你的工程cd $工程根目录/third-party git submodule add https://gitcode.com/Cangjie-TPC/lyric-view-cj修改 entry 下的 cjpm.toml添加依赖[dependencies] [dependencies.lyricview] path ../lyricview在页面中引入组件包import lyricview.bean.* import lyricview.parse.* import lyricview.view.* 环境要求DevEco Studio 5.1.1 ReleaseSdkVersion 需支持 19 及以上版本。 LRC 格式入门时间戳 元数据标签LRC 是一种纯文本歌词格式由元数据行和时间戳行两部分组成例如[ti:画心] [ar:张靓颖] [al:432326] [by:] [offset:0] [00:00.10]画心 - 张靓颖 [01:05.49]看不穿 是你失落的魂魄各标签含义如下标签含义解析后写入的字段[ti:]歌曲标题title[ar:]歌手artist[al:]专辑album[by:]制作者by[offset:]时间戳整体偏移量毫秒offset[mm:ss.xx]歌词行的开始时间beginTime时间戳换算是 LyricParser 的核心工作之一实现在 lyric_parser.cj 的parseTimeline中分钟 × 60000 秒 × 1000 尾数最终统一为毫秒。比如[01:05.49]→65490毫秒。 解析原理从字符串到 Lyric 数据结构LyricParser 提供三个重载的parse接口覆盖不同数据来源接口适用场景parse(source: String)一整段 LRC 文本可含双语同时间戳相邻书写parse(text: ArrayString)按行切分好的单语歌词数组parse(mainLyric, secondLyric)两版语言分别传入的双语歌词核心解析流程以 parse 接口 为例逐行扫描跳过空行识别ti:/ar:/al:/by:/offset:元数据标签时间戳行处理按]切分提取[mm:ss.xx]换算为毫秒再取出歌词文本offset 校正每行开始时间统一减去[offset:]偏移量兼容卡拉OK式前奏延迟nextTime 推算每行结束时间取下一行的开始时间最后一行兜底 1000ms为滚动动画提供区间。解析完成后结果封装为两个数据结构定义见 lyric.cj 与 lyric_line.cjLyric承载 title、artist、album、offset 与整首歌的歌词行列表LyricLine单行歌词含text第一语言、secondText第二语言、beginTime、nextTime四个字段。 双语合并机制同一时间戳自动配对双语歌词的关键在于按时间戳对齐。解析器会把两版歌词分别解析后遍历主歌词的每一行寻找开始时间相同的另一语言行并写入secondText合并逻辑见 lyric_parser.cj[00:20.30]Feeling my way through the darkness [00:20.30]黑暗中摸索前路两行时间戳相同最终合并为一条LyricLine界面即可上下同步展示中英文。测试数据可参考 mock_data.cj。 从文件解析FileParser 的换行符兼容如果歌词存放在资源文件中使用 file_parser.cj 的FileParser即可它先读取文件再交给 LyricParser。值得留意的是它对换行符做了三态兼容Windows\r\nUnix\nMac 旧版\r跨平台编辑过的 LRC 文件都能正确按行切分这也是双语歌词解析在真实场景中稳定工作的关键细节之一。另外组件还支持自定义解析实现 IParser 接口 即可替换默认解析逻辑。▶️ 把解析结果交给 LyricView让歌词滚动起来解析完成后通过LyricController把 Lyric 交给 LyricView 组件完整用法可参考示例页 lyric_view_test_case.cj核心四步配置样式setTextSize、setTextColor、setHighlightColor、setEmptyHint无歌词时居中提示语等链式调用塞入歌词lyricController.setLyric(lyric)驱动滚动lyricsScrolling(callback)启动定时回调或在播放进度变化时调用updatePosition(mediaPosition)手动刷新支持拖动 seekLyricView开启enableSeek: true后用户拖动歌词即可回跳播放位置onSeekAction返回true表示事件被消费。更多样式参数行间距、聚焦缩放、加粗、缓存行数等详见 feature_api.md 的LyricController章节。⚠️ 避坑清单6 个常见问题空歌词输入为空字符串时返回空Lyric界面显示setEmptyHint配置的提示默认--不会崩溃无文本的时间戳行如[00:08.30]只有时间没有文字会被自动跳过时间戳格式必须形如[mm:ss.xx]缺少:或.的行会被忽略不会进入歌词列表offset 是毫秒[offset:]直接参与每行开始时间计算写错单位会导致整体错位双语行必须时间戳完全相等才能配对成功写 LRC 时建议工具导出而非手敲换行符混乱自己拼文本时优先交给FileParser不要手动 split避免遗漏 Mac 旧版\r换行。 小结lyric-view-cj 把双语歌词解析拆成了清晰的两层LyricParser 负责 LRC 文本 → Lyric 数据结构的转换LyricView 负责数据 → 滚动界面的渲染。你只要准备好一段 LRC 文本或文件三步接入即可获得带 seek、聚焦高亮、双语同步的歌词体验。完整接口签名随时可查 doc/feature_api.md。【免费下载链接】lyric-view-cj音乐播放器自动滚动歌词组UI件项目地址: https://gitcode.com/Cangjie-TPC/lyric-view-cj创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考