VTT 形式: Web 動画字幕

WebVTT(Web Video Text Tracks)は Web ブラウザと HTML5 動画プレーヤー向けに設計された最新の字幕形式です。SRT と似ていますが、Web 用の追加機能を備えています。

WebVTT とは?

VTT は「WEBVTT」ヘッダーで始まり、その後にタイムテキストエントリが続くテキストファイルです。HTML5 の <video> および <audio> 要素の標準形式です。

WEBVTT

00:00:00.000 --> 00:00:05.230
Hello everyone and welcome to today's podcast.

00:00:05.230 --> 00:00:09.450
Thank you for having me. It's great to be here.

00:00:09.450 --> 00:00:15.120
Let's dive right into the topic of AI transcription.

VTT と SRT の主な違い

• ヘッダー: VTT は冒頭に「WEBVTT」が必要
• 時刻区切り文字: VTT はピリオド(00:00:00.000)、SRT はカンマ(00:00:00,000)を使用
• VTT では連番が不要
• VTT はスタイル設定、配置、メタデータをサポート
• VTT は Web の W3C 標準

対応プラットフォーム

• HTML5 動画プレーヤー
• YouTube
• Vimeo
• Wistia
• Video.js
• JW Player
• Plyr
• 最新の Web ブラウザ

HTML5 動画で VTT を使う

HTML5 動画プレーヤーに VTT 字幕を追加する:

<video controls>
  <source src="video.mp4" type="video/mp4">
  <track kind="subtitles" src="transcription.vtt" srclang="en" label="English">
</video>

主な活用シーン

• ウェブサイトの動画プレーヤー
• e ラーニングプラットフォーム
• 動画ストリーミングサービス
• アクセシビリティ準拠(WCAG)
• YouTube や Vimeo へのアップロード
• モバイル向け字幕

文字エンコーディング

すべての VTT ファイルは UTF-8 エンコーディングでエクスポートされ、国際言語の完全な Unicode サポートを備えています。

アクセシビリティ上の利点

WebVTT 字幕は次の方々のアクセシビリティを向上させます:

• 聴覚障害や聴覚困難のある視聴者
• 非ネイティブ言語話者
• 音に敏感な環境での視聴
• 動画コンテンツの検索エンジンインデックス
• WCAG 2.1 Level AA 準拠