TranscribeNextTranscribeNext.com
🌐
中阶

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>
带有 VTT 字幕的 HTML5 视频

适用场景

  • 网站视频播放器
  • 在线学习平台
  • 视频流媒体服务
  • 改善无障碍体验,支持满足相关 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 免费离线录音与转写;离线处理时,文件不会离开您的电脑。
VTT 格式:网页视频字幕 | TranscribeNext 说明