SRTをVTT（WebVTT）に変換

VTTが必要になる場面

Webページに動画を載せて、HTML5の<video>タグに字幕を付けるときは、<track>要素でVTT（WebVTT）形式のファイルを指定します。ブラウザはSRTを直接読めません。オンライン講座のプラットフォームや一部の動画配信サービスでも、字幕のアップロードにVTTを求められることがあります。手元にSRTしかない場合は、このページでVTTに変換できます。

変換はブラウザの中で行い、字幕ファイルはサーバーに送られません。

このページでの手順

1. .srtファイルを上のエリアにドロップするか、字幕の中身を貼り付けます。
2. 保存形式がVTTになっていることを確認します。
3. 字幕が映像より遅れて出る場合はマイナス、早く出る場合はプラスの秒数を入れます。
4. 一覧で時間が正しく変わったことを確認します。
5. 字幕を保存を押します。

SRTとVTTの違い

• VTTはファイルの先頭に「WEBVTT」という行が入ります。
• 時間の書き方が違います。SRTは「00:01:02,500」、VTTは「00:01:02.500」のように、ミリ秒の前がカンマかピリオドかの違いです。
• 字幕の文章や表示の順番は変わらないため、内容を失わずに変換できます。

Webページでの使い方

保存したVTTファイルを動画と同じサーバーに置き、<video>の中に<track kind="subtitles" src="字幕.vtt" srclang="ja" label="日本語">のように書きます。字幕ファイルを別のドメインに置くと、ブラウザの制限で読み込めないことがあります。ファイルはUTF-8で保存されるため、日本語も文字化けしません。