LRC 转 VTT 网页字幕
将 LRC 歌词转换为符合 W3C 标准的 WebVTT 网页音视频字幕格式。
拖放您的 LRC 文件到这里
或点击浏览
支持最大 50 MB 的 .lrc 文件
关于 LRC 转 VTT
使音乐歌词能够作为网页视频字幕使用。由于 LRC 只存储起始时间,本工具会推断合理的结束时间(下一行的起始时间,最后一行加 3 秒),并输出带 WEBVTT 头、HH:MM:SS.mmm 时间戳和清晰字幕文本的合法 WebVTT 文件——可直接用于 HTML5 <track>、YouTube 及现代流媒体播放器。
LRC 到 VTT 语法结构与代码转换示例
直观对比转换前后文件头、时间轴标记与对白文本的代码级语法对应关系
LRC 与 VTT 格式规范深度解析
LRC
LRC(.lrc)是许多音乐应用(foobar2000、AIMP、Poweramp、MiniLyrics)使用的歌词文件格式。每行以 [MM:SS.xx] 时间标签开头,后跟歌词文本;不存储结束时间。
VTT
WebVTT(.vtt)是 W3C 现代网页字幕标准。每个字幕条目包含 HH:MM:SS.mmm --> HH:MM:SS.mmm 时间戳、可选布局设置和一行或多行文本。被 HTML5 <video>、YouTube、Vimeo 及大多数流媒体平台使用。
格式差异
常见疑难与故障排查
针对播放器兼容性、字符乱码与时间轴同步的实操排查指南
如何在网页 HTML5 `<audio>` 播放器中显示同步滚动的歌词?
HTML5 原生 `<audio>` 标签支持子标签 `<track kind='captions' src='lyrics.vtt'>`。借助 Plyr、Video.js 或原生 JS `track.oncuechange` 事件,即可轻松在网页端实现媲美网易云/QQ音乐的歌词逐行高亮效果。
浏览器控制台报错 CORS 跨域问题,导致字幕轨道无法加载?
浏览器对 `<track>` 标签有严格的同源安全限制。如果 .vtt 歌词存放在阿里云 OSS、腾讯云 COS 或外部 CDN,必须在对应存储桶设置跨域规则,允许 `Access-Control-Allow-Origin: *` 响应头。
超过 60 分钟的长音频(如演唱会Live、播客)在 WebVTT 中时间轴错乱?
LRC 格式通常将超过1小时的时间记为累计分钟(如 `[85:30.00]`),而 WebVTT 严格要求三段式时间戳(如 `01:25:30.000`)。本转换器会自动解构分钟数值,按小时进行高位进位,确保时间轴绝对精准。
如何自定义网页中 WebVTT 歌词的字体与颜色?
您可以在网页全局样式表中直接使用 CSS 伪元素:`::cue { font-size: 18px; color: #38bdf8; font-weight: bold; }` 进行样式定制,无需修改 .vtt 文件本身。
功能特性
为什么需要转换?
常见用途
HTML5 视频字幕
使用 <track src="lyrics.vtt" srclang="en" kind="subtitles"> 标签在网站的 <video> 元素中添加歌词字幕。浏览器会自动渲染原生字幕控件以显示同步歌词。
YouTube 和 Vimeo 上传
将音乐视频上传到 YouTube Studio 或 Vimeo 时,字幕面板期望 VTT。将 LRC 歌词转为 VTT,让观众可以在您的视频上启用歌词作为隐藏字幕。
Video.js、JW Player 和 Plyr
Video.js、JW Player 和 Plyr 等热门 JavaScript 视频播放器使用 VTT 作为默认字幕格式。将 LRC 歌词转为 VTT 以在这些网络播放器中启用同步歌词。
Web 无障碍(WCAG)
WCAG 2.1 成功标准 1.2.2 要求网络视频提供同步字幕。将 LRC 歌词转为 VTT 可提供常用网页字幕;无障碍合规还需检查内容和播放器支持。
歌词转网络视频
将音乐播放器的 LRC 歌词转为网络视频字幕。VTT 让您可以在嵌入网站、博客或网络应用的音乐视频上叠加同步歌词。
相关格式
工作原理
- 1
上传或拖拽您的 .lrc 文件到工具中。
- 2
解析器读取每个 [mm:ss.xx] 时间戳和歌词文本行。
- 3
LRC 时间戳被转换为带点分隔符的 VTT 格式(00:01:30.500)。
- 4
对于每条字幕,结束时间根据下一行的开始时间计算(最后一行使用默认时长)。
- 5
写入 WEBVTT 头部;本工具不添加样式或布局参数。
- 6
下载 .vtt 文件,可用于 HTML5 视频、YouTube 或 Web 播放器集成。
更多字幕工具
常见问题
LRC 是每行带时间标签的歌词格式。
为了让歌词文件兼容浏览器和现代视频播放器。
每行结束时间设为下一行的起始时间,最后一行默认时长 3 秒。
WebVTT 是现代网页视频播放器的标准字幕格式。
可以,页面加载后所有处理都在您的设备上完成。
会,输出以合法的 WEBVTT 头行开始,确保被浏览器和播放器识别。