无需登录 数据私有 本地保存

WebVTT 字幕编辑器 - 创建与同步字幕

工具 视频 WebVTT 字幕 编辑器 视频
42
0
0
0
WebVTT 字幕编辑器
视频预览

加载视频以开始字幕同步

输入视频URL或选择本地视频文件
--:--:--
字幕列表 0
暂无字幕
点击"新增字幕"或导入VTT文件
新增字幕
WebVTT 常见问题与知识点

WebVTT（Web Video Text Tracks）是一种用于网络视频字幕、章节标记和元数据的 W3C 标准格式。它是 HTML5 <track> 元素支持的主要字幕格式，文件扩展名为 .vtt。与传统的 SRT 格式相比，WebVTT 支持更丰富的样式、定位和对齐选项。

标准时间格式为 HH:MM:SS.mmm（小时:分钟:秒.毫秒）。
小时部分可以省略（如果为 00），例如 01:30.500 表示 1分30秒500毫秒。
毫秒必须是 3 位数字。开始和结束时间之间使用 --> 分隔。
示例：00:00:03.500 --> 00:00:07.200

SRT 使用逗号分隔毫秒（00:00:01,500），而 WebVTT 使用小数点（00:00:01.500）。
WebVTT 文件必须以 WEBVTT 开头，支持 ::cue() CSS 伪元素进行样式定制，支持多行字幕和字幕定位。SRT 更简单但功能较少，广泛用于桌面播放器。

使用 <track> 元素：
<track src="subtitles.vtt" kind="subtitles" srclang="zh" label="中文" default>
将 track 元素放在 <video> 标签内即可自动加载字幕。确保服务器返回正确的 text/vtt MIME 类型。

技巧：使用本编辑器的"设为开始时间"按钮在视频暂停时精确捕获时间点。使用微调按钮（±0.1秒）进行精细调整。
常见问题：字幕闪烁通常是因为相邻字幕之间没有足够的间隔（建议至少 50ms 间隙）。字幕不同步可能是因为视频帧率与字幕时间戳不匹配，需要逐条校准。

WebVTT 文件必须使用 UTF-8 编码。如果字幕包含中文、日文等非 ASCII 字符，确保文件以 UTF-8 无 BOM 格式保存。第一行必须是 WEBVTT（可后跟空格和描述文本）。文件末尾建议保留一个空行。
🔧 相关工具