Skip to content

LRC 转 VTT 网页字幕

将 LRC 歌词转换为符合 W3C 标准的 WebVTT 网页音视频字幕格式。

拖放您的 LRC 文件到这里

或点击浏览

支持最大 50 MB 的 .lrc 文件

转换引擎架构

关于 LRC 转 VTT

使音乐歌词能够作为网页视频字幕使用。由于 LRC 只存储起始时间,本工具会推断合理的结束时间(下一行的起始时间,最后一行加 3 秒),并输出带 WEBVTT 头、HH:MM:SS.mmm 时间戳和清晰字幕文本的合法 WebVTT 文件——可直接用于 HTML5 <track>、YouTube 及现代流媒体播放器。

代码级语法透视

LRC 到 VTT 语法结构与代码转换示例

直观对比转换前后文件头、时间轴标记与对白文本的代码级语法对应关系

毫秒级同步
input.lrc
LRC 源格式
[00:01.00]Hello, world!
[00:04.50]This is a subtitle file.
[00:08.50]Converted locally!
output.vtt
VTT 转换结果
WEBVTT
 
00:00:01.000 --> 00:00:04.000
Hello, world!
 
00:00:04.500 --> 00:00:08.000
This is a subtitle file.
 
00:00:08.500 --> 00:00:12.000
Converted locally!
规范手册

LRC 与 VTT 格式规范深度解析

符合通用标准规范
输入格式

LRC

LRC

LRC(.lrc)是许多音乐应用(foobar2000、AIMP、Poweramp、MiniLyrics)使用的歌词文件格式。每行以 [MM:SS.xx] 时间标签开头,后跟歌词文本;不存储结束时间。

输出格式

VTT

VTT

WebVTT(.vtt)是 W3C 现代网页字幕标准。每个字幕条目包含 HH:MM:SS.mmm --> HH:MM:SS.mmm 时间戳、可选布局设置和一行或多行文本。被 HTML5 <video>、YouTube、Vimeo 及大多数流媒体平台使用。

格式差异

LRC 使用 [MM:SS.xx];VTT 使用 HH:MM:SS.mmm --> HH:MM:SS.mmm
LRC 只存储起始时间;VTT 需要起始和结束时间
LRC 无头;VTT 需要 WEBVTT 头行
LRC 不支持样式;VTT 支持内联标签和布局设置
LRC 每个时间戳一行;VTT 允许多行字幕
LRC 面向音乐播放器设计;VTT 面向网页视频设计

常见疑难与故障排查

针对播放器兼容性、字符乱码与时间轴同步的实操排查指南

4 个常见问题
GOTCHA #1

如何在网页 HTML5 `<audio>` 播放器中显示同步滚动的歌词?

HTML5 原生 `<audio>` 标签支持子标签 `<track kind='captions' src='lyrics.vtt'>`。借助 Plyr、Video.js 或原生 JS `track.oncuechange` 事件,即可轻松在网页端实现媲美网易云/QQ音乐的歌词逐行高亮效果。

GOTCHA #2

浏览器控制台报错 CORS 跨域问题,导致字幕轨道无法加载?

浏览器对 `<track>` 标签有严格的同源安全限制。如果 .vtt 歌词存放在阿里云 OSS、腾讯云 COS 或外部 CDN,必须在对应存储桶设置跨域规则,允许 `Access-Control-Allow-Origin: *` 响应头。

GOTCHA #3

超过 60 分钟的长音频(如演唱会Live、播客)在 WebVTT 中时间轴错乱?

LRC 格式通常将超过1小时的时间记为累计分钟(如 `[85:30.00]`),而 WebVTT 严格要求三段式时间戳(如 `01:25:30.000`)。本转换器会自动解构分钟数值,按小时进行高位进位,确保时间轴绝对精准。

GOTCHA #4

如何自定义网页中 WebVTT 歌词的字体与颜色?

您可以在网页全局样式表中直接使用 CSS 伪元素:`::cue { font-size: 18px; color: #38bdf8; font-weight: bold; }` 进行样式定制,无需修改 .vtt 文件本身。

功能特性

生成带合法 WEBVTT 头的有效 WebVTT
使用下一行起始时间智能推断结束时间
输出兼容 HTML5 <track> 的 HH:MM:SS.mmm 时间戳
客户端处理——文件永远不会离开您的设备
支持 UTF-8 / UTF-16 编码,适配中日韩等非拉丁字符
无需注册、无水印、单个文件最大 50 MB。
接受增强型 LRC 输入,按行首时间生成整行字幕
浏览器本地处理 · 文件不离设备

为什么需要转换?

HTML5 Web 视频播放器需要 VTT 格式(而非 LRC)才能通过浏览器中的 <track> 元素显示字幕。
YouTube 和现代 Web 平台接受 VTT 字幕上传,但不接受 LRC 歌词文件。
VTT 格式本身支持定位和样式选项;本工具输出纯文本与时间轴,转换后可再手动添加布局设置。
基于 Web 的卡拉OK和歌词视频平台使用 VTT 进行字幕渲染,需要将 LRC 转为 VTT 以支持音频歌词源。
LRC 文件没有结束时间戳,转换为 VTT 可以根据下一行的时间设置字幕时长,确保 Web 视频正常显示。
VTT 支持 align、position、line 等布局参数,而 LRC 没有定位功能;如需这些设置,可在转换后的 VTT 中手动添加。
在 Web 播放器中嵌入字幕的流媒体服务使用 VTT,从不使用 LRC 进行同步文本显示。
Scenarios

常见用途

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 让您可以在嵌入网站、博客或网络应用的音乐视频上叠加同步歌词。

Format Ecosystem

相关格式

工作原理

  1. 1

    上传或拖拽您的 .lrc 文件到工具中。

  2. 2

    解析器读取每个 [mm:ss.xx] 时间戳和歌词文本行。

  3. 3

    LRC 时间戳被转换为带点分隔符的 VTT 格式(00:01:30.500)。

  4. 4

    对于每条字幕,结束时间根据下一行的开始时间计算(最后一行使用默认时长)。

  5. 5

    写入 WEBVTT 头部;本工具不添加样式或布局参数。

  6. 6

    下载 .vtt 文件,可用于 HTML5 视频、YouTube 或 Web 播放器集成。

常见问题

LRC 是每行带时间标签的歌词格式。

为了让歌词文件兼容浏览器和现代视频播放器。

每行结束时间设为下一行的起始时间,最后一行默认时长 3 秒。

WebVTT 是现代网页视频播放器的标准字幕格式。

可以,页面加载后所有处理都在您的设备上完成。

会,输出以合法的 WEBVTT 头行开始,确保被浏览器和播放器识别。

准备好转换您的字幕了吗?

将您的 LRC 文件拖放到这里,立即转换为 VTT。