WebVTT 字幕 (.vtt)
W3C 标准网页视频文本轨道（WebVTT）是 W3C 官方的网页标准，用于字幕、说明和章节描述，原生集成到 HTML5 视频元素（<track>）和现代 HTTP 实时流传输（HLS）中。
将 SRT 转换为 VTT
免费的浏览器端 SRT 转 VTT 转换器。在您的设备上即时转换文件。
检查与元数据
操作系统和文件分析器通过检查开头的二进制字节序列来识别 WebVTT 文件：
字节级文件头签名 (魔数)
操作系统和文件分析器通过检查开头的二进制字节序列来识别 WebVTT 文件：
十六进制签名 (偏移量 0)：
57 45 42 56 54 54ASCII 表示形式： WEBVTT
标准化： W3C WebVTT 推荐标准
技术规格
| 容器架构 | 以“WEBVTT”标识开头的 UTF-8 文本文件，后接可选的 STYLE 和 NOTE 块以及连续的字幕条目块 |
| 压缩方式 | 未压缩的纯文本（通常通过 HTTP 使用 Gzip 或 Brotli 压缩传输） |
| 字节序 | UTF-8 文本流 |
| 色彩空间 | 字幕条目样式完整支持 CSS Color Module Level 4 |
| 通道与结构 | 带时间戳的字幕条目、语音识别置信度、CSS 样式和屏幕位置设置 |
| 最大尺寸 | 字幕条目数量不设上限 |
| 透明度 | 通过“::cue”伪元素完整支持 CSS 不透明度和 Alpha 透明度 |
| 流式传输与渐进式加载 | 支持在 HTML5 <video> 元素和 HLS / DASH 实时视频清单中原生流式播放 |
技术对比矩阵：WebVTT 对比同类产品
| 技术属性 | WebVTT (当前) | SRT | ASS | SUB |
|---|---|---|---|---|
| HTML5 网页集成 | 100% 原生标准 (<track>) | 需要 JS 转换 | 需要 WebAssembly | 需要转换 |
| CSS 样式 | 完全原生 CSS 样式 (::cue) | 仅基础 HTML 标签 | 专有覆盖标签 | 无 |
| HLS / DASH 流媒体 | 通用流媒体广播标准 | 通过混流支持 | 有限的流媒体支持 | 无 |
| 标头要求 | 第 1 行必须严格包含“WEBVTT”标识文本 | 无需标头 | [Script Info] 部分 | 无需标头 |
常见损坏模式与十六进制恢复指南
浏览器控制台错误：'Malformed WebVTT file: Missing WEBVTT signature'（WebVTT 文件格式错误：缺少 WEBVTT 签名）。
根本原因: 第 1 行缺少 'WEBVTT' 字符串，或者标头之前存在空行。
恢复方法: 使用 File2File.app 字幕转换器在文件顶部添加 'WEBVTT\n\n'。
安全分析与解析器攻击向量
网页浏览器中的 WebVTT 解析器会处理不可信的字幕条目；若未经清理就将其渲染到 DOM 中，可能导致跨站脚本攻击（XSS）。
已知攻击向量
- 将未经清理的 HTML 字幕条目内容插入网页视频播放器的 DOM，可能导致 XSS 注入。
- 在自动生成服务器端字幕缩略图期间发生服务器端请求伪造（SSRF）。
- 通过格式错误的 CSS 字幕条目选择器发起拒绝服务攻击。
防御性最佳实践: 依赖浏览器原生的 <track> 渲染；手动将字幕条目内容插入 DOM 前，先进行清理。
历史渊源与里程碑
2019W3C 将 WebVTT（网页视频文本轨道格式）正式推进至候选推荐标准。
2011从 WebSRT 重命名为 WebVTT，以确立一个独立于经典 SubRip 的 W3C 标准。
2010WHATWG 引入 WebVTT 以解决 HTML5 <video> 标签的原生字幕问题。
核心优势与特点
- 原生 HTML5 网页标准：所有网页浏览器在 <track> 元素中直接支持，无需外部库。
- 丰富的 CSS 样式支持：使用原生的 '::cue' CSS 伪元素自定义颜色、字体、背景和位置。
- 一流的直播支持：集成到 Apple HLS 和 MPEG-DASH 流媒体清单中用于广播字幕。
技术局限与劣势
- 严格的标头要求：文件第一行必须包含确切的文本 'WEBVTT'，否则浏览器会拒绝加载。
- 句点毫秒分隔符（'00:01:20.500'）需要从传统的逗号分隔的 SRT 文件进行转换。
- 较旧的非浏览器硬件播放器（如廉价的 USB 媒体盒）通常缺乏对 WebVTT 的原生支持。
趣味技术冷知识
- 每个有效的 WebVTT 文件必须在第一行以精确的单词 'WEBVTT' 开头；任何其他内容都会导致浏览器忽略该文件。
- WebVTT 最初被称为 'WebSRT'，因为它的设计刻意使其看起来与传统的 SRT 字幕几乎完全相同。
- WebVTT 还可以用于视频章节以及悬停在视频进度条上时的交互式缩略图提示。
常见技术问题
WebVTT 用于什么？
WebVTT 是官方网页标准格式，可用于在网站的 HTML5 <video> 元素中添加字幕、隐藏式字幕、章节标记和描述。
如何将 SRT 字幕转换为 WebVTT？
您可以直接在浏览器中使用 File2File.app，一键将 SRT 文件转换为干净的 WebVTT 文件。
为什么我的 WebVTT 字幕无法在浏览器中显示？
请确保您的文件第 1 行以 'WEBVTT' 开头，后面有一个空行，并且您的网络服务器在提供该文件时带有 'Content-Type: text/vtt' 响应头。