TTML から VTT への変換ツール
放送やストリーミングサービス向けに TTML や DFXP で納品された字幕は、HTML の track 要素でウェブページに追加することはできません。ブラウザーが読み込める字幕形式の WebVTT に変換し、すべての字幕のタイミング、改行、斜体を保持しましょう。
字幕ファイルを変換
ここに字幕ファイルをドロップ
SRT、VTT、ASS、SBV、TTML、SUB、SMI、LRC など · 最大 100 ファイル
または字幕テキストを貼り付け
ファイルはブラウザー上でこのページが読み込みます。どこにもアップロードされません。
文字化けしていますか?ファイルが作られた言語グループを選んでください。
MicroDVD と Spruce STL のファイルは動画のフレーム数で時間を数えます。字幕に対応する動画のフレームレートを選んでください。
変換結果
プレビューにはファイルの冒頭が表示されます。ダウンロードにはすべてが含まれます。
使い方
TTML または DFXP ファイルを開く
.ttml、.dfxp、.xml ファイルをドロップします。フレームやティック単位の時間は、ファイルで宣言されたレートで変換されます。
WebVTT のプレビューを確認
VTT はすでに選択されています。最初と最後の字幕の時間を動画と比べてください。
.vtt ファイルをダウンロード
track 要素で動画に追加するか、ウェブプレーヤーにアップロードしてください。
TTML から VTT への変換で変わること
タイミング付きの各 p 要素が WebVTT のキューになります。時刻、フレーム、ティック、オフセットの時間は、ファイルで宣言されたフレームレートとティックレートでミリ秒に変換され、親の div の begin 時間が加算されます。要素に直接、または名前付きスタイルで設定された斜体・太字・下線は、<i>、<b>、<u> になります。
リージョン、位置、色、フォント、背景ボックスは削除されます。WebVTT はキューの位置を指定できますが、コンバーターは TTML のレイアウトを引き継がないため、すべての字幕は画面下部の既定の位置に表示されます。
変換前と変換後
同じ TTML ファイルを WebVTT にしたもの。25フレーム/秒のフレームベースの終了時間 00:00:03:12 は 00:00:03.480 になり、2つ目の段落は継続時間から終了時間が 00:00:06.250 になり、斜体のスタイルは <i> になります。
<tt xmlns="http://www.w3.org/ns/ttml" xmlns:tts="http://www.w3.org/ns/ttml#styling"
xmlns:ttp="http://www.w3.org/ns/ttml#parameter" ttp:frameRate="25">
<head><styling><style xml:id="it" tts:fontStyle="italic"/></styling></head>
<body><div>
<p begin="00:00:01:00" end="00:00:03:12" style="it">Where were you last night?</p>
<p begin="4s" dur="2.25s" region="bottom">At the station,<br/>waiting for you.</p>
</div></body>
</tt>WEBVTT
00:00:01.000 --> 00:00:03.480
<i>Where were you last night?</i>
00:00:04.000 --> 00:00:06.250
At the station,
waiting for you.結果をサイトで使う
動画の隣に .vtt ファイルをアップロードし、srclang と label を付けた track 要素から参照します。字幕を元の見た目に近づけたい場合は、CSS の ::cue セレクターでスタイルを設定してください。
これらの形式の詳細:XML 字幕の解説:TTML、DFXP、IMSC
よくある質問
DFXP ファイルも読み込めますか?
はい。DFXP ファイルは同じ構造を使っているので、ティック単位のタイミングのものも含め、.dfxp ファイルも同じように変換されます。
IMSC や EBU-TT のファイルはどうですか?
それらのプロファイルのテキストベースのファイルも TTML です。tt:p のような接頭辞付きの要素も含めて、言葉、時間、斜体が読み込まれます。画像ベースの IMSC 字幕は画像を収めたものなので変換できません。
字幕の位置は保持されますか?
いいえ。すべての字幕は画面下部中央に表示されます。個々の字幕を移動するには、line:10% などの WebVTT のキュー設定を手で追加してください。