SRT VTT 変換ツール

SRT を VTT に変換する3つの簡単ステップ

SRT ファイルとは？（SubRip 字幕）

SRT（SubRip Subtitle）ファイルは、デジタル動画の世界で最も普及しているプレーンテキスト字幕形式です。もともと DVD メディアから字幕テキストと表示タイミングを抽出（リッピング）する Windows ソフトウェア「SubRip」から誕生し、デスクトップメディアプレーヤー、テレビ、動画配信、編集ソフトの標準規格として定着しました。

SRT ファイルは、空行で区切られた連続した字幕ブロックによって構成されています。各ブロックには4つの基本要素が含まれます。連番となるインデックス番号（1, 2, 3...）、表示開始と終了のタイミングを示す正確なタイムコード（時:分:秒,ミリ秒の形式：00:00:01,250 --> 00:00:04,500）、1行または複数行の字幕テキスト、そして末尾の空行です。

SRT ファイルは構造が単純で、VLC Media Player、MPV、HandBrake、Premiere Pro などのスタンドアロンソフトウェアで広く再生できますが、近代的なウェブ規格が登場する前に作られた形式です。そのため、HTML5 ウェブブラウザでのネイティブ再生には対応しておらず、CSS によるスタイリングや表示位置の指定機能も備えていません。

WebVTT (.vtt) ファイルとは？

WebVTT（Web Video Text Tracks）は、World Wide Web Consortium（W3C）および WHATWG によってウェブ専用に策定された公式のオープン標準字幕形式です。HTML5 仕様とともに導入され、Google Chrome、Mozilla Firefox、Apple Safari、Microsoft Edge などの主要ブラウザで追加プラグインなしに直接再生できます。

WebVTT ファイルの最大の特徴は、先頭行に「WEBVTT」という識別ヘッダーが必須であることです。このシグネチャに続いて、タイトルや言語情報などのメタデータブロックや埋め込みスタイルシートを記述し、その後に個別の字幕キューを配置します。

単なるテキスト表示にとどまらず、WebVTT はレスポンシブなウェブデザインに対応できるよう設計されています。画面上の垂直・水平位置、行配置、テキストの整列、キュー幅の設定が可能です。さらに、CSS の ::cue 疑似要素とシームレスに連携し、ウェブ制作者はフォント、文字色、背景の透過率などを自由にカスタマイズできます。

SRT to VTT 変換ツールとは？

SRT to VTT 変換ツールは、SubRip (.srt) 形式の字幕ファイルをブラウザ準拠の WebVTT (.vtt) 形式に正確に構文変換するための専用ツールです。ファイルの拡張子を手動で変更するだけでは解決できない構文上の違いを完璧に処理します。

変換処理では、必須となる WEBVTT ヘッダーの先頭への付加、ミリ秒の区切り記号のカンマからピリオドへの置き換え（00:00:01,500 から 00:00:01.500 へ）、HTML 互換性のための非標準タグの整理、UTF-8 エンコーディングの正規化などを自動で行います。

当サイトの変換ツールは、100% クライアントサイド（ブラウザ内）の JavaScript で動作します。字幕ファイルが外部サーバーに送信されたり保存されたりすることは一切ないため、未公開の動画や機密データであっても完全なプライバシーと圧倒的な高速変換が保証されます。

SRT と WebVTT の主な違い

SRT と WebVTT はどちらもプレーンテキスト形式でタイムコードに基づいた字幕を表現しますが、現代のウェブ環境やストリーミングでの挙動には重要な違いが存在します。

第一の違いはヘッダー宣言です。WebVTT ではファイルの1行目に「WEBVTT」と記述することが必須であり、これがない場合、ブラウザの HTML5 <track> パーサーは字幕を読み込まずエラーとなります。SRT にはこのようなヘッダーは存在せず、最初のシーケンス番号から始まります。

第二の違いはタイムスタンプの書式です。SRT は秒とミリ秒の区切りにカンマ（,）を使用しますが、WebVTT はピリオド（.）を使用します。さらに WebVTT では、再生時間が1時間未満の場合に時間の単位を省略した「mm:ss.ttt」表記も許可されています。

第三の違いはスタイリングと画面配置です。SRT は一部のプレーヤーで基本的なイタリックや太字タグが解釈される程度ですが、WebVTT は CSS による文字色・背景・位置指定や、チャプターマーカー機能、メタデータ連動などの高機能なウェブ機能を完全にサポートしています。

SRT を WebVTT に変換するメリット

よくある SRT・VTT 形式エラーと解決方法

HTML5 <video> での WebVTT 字幕の使い方

変換した WebVTT ファイルは、HTML5 の <track> 要素を使用することで、わずか数行のコードで動画プレーヤーに組み込むことができます。

<video controls width="800" height="450" poster="thumbnail.jpg">
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">

  <!-- WebVTT 字幕トラック -->
  <track
    kind="subtitles"
    src="subtitles-ja.vtt"
    srclang="ja"
    label="日本語"
    default
  >
  <track
    kind="subtitles"
    src="subtitles-en.vtt"
    srclang="en"
    label="English"
  >

  お使いのブラウザは HTML5 動画タグに対応していません。
</video>

SRT と WebVTT の詳細仕様比較表

動画字幕の二大形式である SRT と WebVTT の仕様・機能・対応環境の違いを分かりやすく比較しています。