SRTファイルをアップロードすると、HTML5プレーヤーで使えるWebVTT形式にすぐ変換できます。処理はすべてブラウザ内で行われます。
WebVTTはWeb Video Text Tracksの略です。ブラウザ上のHTML5動画向けに設計された字幕フォーマットで、字幕、キャプション、チャプターマーカー、その他の時間同期テキストを扱えます。SRTとは異なり、WebVTTファイルは必ずWEBVTTヘッダーで始まり、ミリ秒の区切りにはカンマではなくドットを使います。
自分のWebサイトでHTML5-<video>要素を使って動画を埋め込む場合や、モダンなWebプレーヤーを使う場合は、WebVTTの方が安定します。SRTは多くの動画プレーヤーで使えますが、HTML5-<track>要素のネイティブ形式ではありません。VTTファイルがないと、ブラウザで字幕が表示されないことがあります。
上のエリアにSRTファイルをドロップしてください。ツールはSRTのブロック番号を削除し、必要なWEBVTTヘッダーを追加し、タイムスタンプを00:00:01,000から00:00:01.000へ変換します。変換は完全にブラウザ内で行われるため、ファイルがサーバーへ送信されることはありません。
SRTをVTTへ手作業で変換するのは簡単そうに見えますが、小さなミスで字幕が読み込めなくなります。特に多いのは、WEBVTTヘッダーの不足、サーバーのMIME-Type設定ミス、タイムスタンプのカンマをドットに直し忘れることです。この変換ツールは、それらの形式変更を自動で処理します。
主な違いはすぐに分かります。SRTは連番とカンマ付きタイムスタンプを使います。WebVTTでは連番は不要で、WEBVTTから始まり、ミリ秒にはドットを使います。
1 00:00:01,000 --> 00:00:04,000 動画へようこそ。 2 00:00:04,500 --> 00:00:07,000 この字幕はWebVTTに変換されます。
WEBVTT 00:00:01.000 --> 00:00:04.000 動画へようこそ。 00:00:04.500 --> 00:00:07.000 この字幕はWebVTTに変換されます。
字幕本文はそのまま残ります。ブラウザがWebVTTとして読めるように、構造とタイムスタンプ表記だけが変更されます。
変換後のVTTファイルは、<track>要素でHTML5動画に直接読み込めます。
<video controls width="800">
<source src="/videos/demo.mp4" type="video/mp4">
<track
src="/subtitles/demo.vtt"
kind="subtitles"
srclang="ja"
label="日本語"
default>
</video>
VTTファイルへのパスが正しいこと、そしてサーバーがtext/vttのMIME-Typeで配信していることを確認してください。そうでない場合、ブラウザが字幕トラックを読み込まないことがあります。
| 項目 | SRT | VTT / WebVTT |
|---|---|---|
| 主な用途 | 多くのプレーヤーや編集ソフトで使われるシンプルな字幕形式。 | HTML5動画の字幕トラック向けWeb標準。 |
| ファイルヘッダー | ヘッダーは不要。 | WEBVTTで始まる必要があります。 |
| タイムスタンプ | 00:00:01,000のようにカンマを使用。 |
00:00:01.000のようにドットを使用。 |
| HTML5動画 | <track>のネイティブ形式ではありません。 |
<track src="...vtt">で直接利用できます。 |
| メタデータ | 非常に限定的です。 | NOTEブロック、Cue SettingsなどWebVTT機能に対応します。 |
| 位置とスタイル | 標準化されたスタイル指定はほとんどありません。 | WebプレーヤーでCue SettingsやCSS風の表示に対応できます。 |
SRTは編集ソフト、シンプルなプレーヤー、ファイル交換では今でも便利です。一方、Webサイト、学習プラットフォーム、ブラウザベースのプレーヤーで字幕を確実に表示したい場合はWebVTTが適しています。
<video>で動画を埋め込むならVTTが適しています。<track>トラックとして整理して追加できます。現在の主要ブラウザは基本的にWebVTTをサポートしています。実際のトラブルは、ブラウザそのものよりも、サーバー設定、ファイルパス、VTT構文の不備が原因になることがほとんどです。
| ブラウザ | WebVTT対応 | 補足 |
|---|---|---|
| Chrome | 対応 | HTML5-<track>で安定して動作します。 |
| Edge | 対応 | Chromiumベースで、Chromeに近い挙動です。 |
| Firefox | 対応 | WebVTTに対応していますが、パスとMIME-Typeの扱いは厳しめです。 |
| Safari | 対応 | WebVTTに対応しています。iOSでは正しいパスとホスティング設定に注意してください。 |
VTTファイルがブラウザに表示されない場合、原因はほぼ次のどれかです。ファイル自体は正しく見えても、パス、ヘッダー、サーバーのレスポンスが合っていないとWebプレーヤーは読み込みません。
| 問題 | 原因 | 解決策 |
|---|---|---|
| WEBVTTヘッダーがない | ファイルが最初のタイムスタンプから直接始まっています。 | 1行目をWEBVTTにし、その後に空行を入れてください。 |
| MIME-Typeが間違っている | サーバーがファイルをtext/plainやダウンロードとして返しています。 |
.vttファイルをtext/vttとして配信するようサーバーを設定します。 |
| タイムスタンプがドットではなくカンマ | SRTは00:00:01,000を使いますが、VTTでは00:00:01.000が必要です。 |
変換ツールがタイムスタンプをWebVTT形式に自動で変更します。 |
| trackタグのパスが間違っている | srcのパスが実際のVTTファイルを指していません。 |
<track src="...">属性のパスを確認し、ブラウザで直接開いてテストしてください。 |
技術的に正しいVTTファイルは最初の一歩です。字幕を公開する前に、動画上でタイミング、読みやすさ、改行、言語トラックが映像に合っているか確認しましょう。Subvideo.ai Studioでは字幕を視覚的に編集し、SRT、VTT、ASS、MP4として書き出せます。
Studioで字幕を確認上のエリアに.srtファイルをドロップするか、クリックしてデバイスから選択します。
変換ツールがWEBVTTヘッダーを追加し、SRTのブロック番号を削除し、タイムスタンプをWebVTT形式に変換します。
ダウンロードボタンをクリックして、変換済みのWebVTTファイル（.vtt）をすぐに保存します。
SRTは字幕番号とカンマ付きタイムスタンプを使うシンプルな字幕形式です。VTTはHTML5動画向けのWebVTT形式で、WEBVTTで始まり、タイムスタンプにはドットを使います。
はい。変換はブラウザ内で直接実行されます。SRTファイルが当社サーバーへアップロードされることはありません。
はい。無料で利用でき、ブラウザ内でローカルに動作します。
はい。UTF-8テキストを処理し、アクセント文字、アラビア語、中国語、日本語、韓国語などの字幕テキストを保持します。
はい。HTML5のtrack要素で読み込み、サーバーが.vttファイルをtext/vttのMIME-Typeで配信していることを確認してください。
よくある原因は、WEBVTTヘッダーの不足、trackのパス間違い、MIME-Typeの誤り、またはカンマ付きのままの不正なタイムスタンプです。
いいえ。SRTのブロック番号を削除し、タイムスタンプを調整するだけです。字幕本文のカンマや句読点はそのまま残ります。