🌐
中阶VTT 格式:网页视频字幕
导出 WebVTT 字幕,用于 HTML5 视频、网页播放器和现代流媒体平台。
阅读时间约 3 分钟 TranscribeNext 团队 更新日期:2025年1月15日
WebVTT(Web Video Text Tracks)是面向浏览器和 HTML5 播放器的字幕格式,与 SRT 类似,并提供网页所需的扩展功能。
什么是 WebVTT
VTT 是以“WEBVTT”文件头开头的文本文件,后面是带时间信息的字幕条目,可用于 HTML5 的 <video> 和 <audio> 元素。
WEBVTT
00:00:00.000 --> 00:00:05.230
大家好,欢迎收听今天的播客。
00:00:05.230 --> 00:00:09.450
谢谢邀请,很高兴来到这里。
00:00:09.450 --> 00:00:15.120
我们直接来聊聊 AI 转写吧。VTT 与 SRT 的主要区别
- 文件头:VTT 以“WEBVTT”开头
- 时间分隔符:VTT 用句点(00:00:00.000),SRT 用逗号(00:00:00,000)
- VTT 不要求字幕序号
- VTT 支持样式、定位和元数据
- VTT 是 W3C 制定的网页文本轨道标准
兼容的平台
- HTML5 视频播放器
- YouTube
- Vimeo
- Wistia
- Video.js
- JW Player
- Plyr
- 现代网页浏览器
在 HTML5 视频中使用 VTT
为 HTML5 视频播放器添加 VTT 字幕:
<video controls>
<source src="video.mp4" type="video/mp4">
<track kind="subtitles" src="transcription.vtt" srclang="zh-CN" label="简体中文">
</video>
适用场景
- 网站视频播放器
- 在线学习平台
- 视频流媒体服务
- 改善无障碍体验,支持满足相关 WCAG 要求
- 上传至 YouTube 和 Vimeo
- 移动设备上的字幕
实用技巧
网页应用通常适合使用 VTT;传统视频编辑软件可优先考虑 SRT。
字符编码
VTT 文件以 UTF-8 编码导出,支持多语言 Unicode 字符。
无障碍用途
WebVTT 字幕可以帮助以下用户和使用场景:
- 聋人和听力障碍用户
- 不熟悉音频所用语言的观众
- 不方便播放声音的环境
- 为视频内容提供可索引的文字
- 为满足 WCAG 2.1 AA 的相关字幕要求提供支持
标签
VTTWebVTT字幕网页HTML5
相关文章
🎬
SRT 时间戳格式:详解 hh:mm:ss,mmm
逐项了解 SubRip 时间戳 hh:mm:ss,mmm --> hh:mm:ss,mmm 的含义、常见格式错误、它与 VTT 和 SBV 的区别,以及如何从 TranscribeNext 导出 SRT。
📥
导出指南:选择合适的格式
了解各种导出格式,以及它们各自适合的使用场景。
⏱️
带时间戳的转写:跳转到录音位置
通过文本分段的时间戳定位录音,搜索文字后跳转收听,并按需导出时间信息。
💾
JSON 格式:面向开发者的结构化数据
导出包含文本分段、时间戳、文件信息和说话人信息的 JSON 数据,便于开发和集成。
相关工具
- 支持的音频与视频格式 — 包括 MP3、WAV、OGG、MP4、MPEG 等格式,以及各格式的限制与使用建议。
- Mac 转写应用 — 使用 Whisper 和 Parakeet 免费离线录音与转写;离线处理时,文件不会离开您的电脑。