polyshVTT エディター
WebVTT 字幕をキューごとに編集し、ファイルのヘッダーとスタイルをそのまま残せます。
- ブラウザ内で動作
- アップロード不要
- アカウント不要
ブラウザツールを読み込んでいます…
VTT エディターでできること
多くの字幕エディターは SRT 向けに作られており、WebVTT が持つ情報を黙って捨ててしまいます。WEBVTT の後のタイトル、NOTE コメント、STYLE のルール、キュー ID、line:0 のような設定です。そうしたエディターで開いて保存すると、字幕のスタイルが失われます。
ここでは各キューに「開始」「終了」「ID」「設定」とテキストの入力欄があります。設定は入力欄から離れたときにチェックされ、プレーヤーに無視される設定は指摘されて取り除かれます。Web プレーヤーや講座プラットフォームですでに使っている字幕ファイルの、小さな修正に使ってください。
例
入力
WEBVTT - オンボーディング intro 00:00:01.000 --> 00:00:02.400 おかえりなさい。 00:00:02.400 --> 00:00:04.000 ガイドを書き出しましょう。
結果
WEBVTT - オンボーディング intro 00:00:01.000 --> 00:00:04.000 おかえりなさい。 ガイドを書き出しましょう。
「次と結合」は 2 つのキューを 1.000 秒から 4.000 秒までの 1 つにまとめ、最初のキューの ID を残します。WEBVTT の行のタイトルもそのまま残ります。
VTT エディターの使い方
- WebVTT のテキストを貼り付けるか、「ファイルを開く」を選びます。キューがカードとして読み込まれます。
- キューの「開始」「終了」「ID」「設定」やテキストを変更するか、「分割」「次と結合」「後に挿入」「削除」を使います。
- 「.vtt をダウンロード」を選んで captions-edited.vtt を保存します。
知っておきたいこと
- 設定は line:0、position:10%、align:start のような WebVTT の構文で書く必要があります。無効な設定は入力欄から離れたときに削除され、その名前を示すメッセージが表示されます。
- 「分割」では、後半のキューに元の ID の末尾に -2 を付けた ID が付くため、step-3 は step-3 と step-3-2 になります。スクリプトやスタイルシートがキュー ID を参照している場合は名前を変えてください。
- STYLE と NOTE のブロックは残りますが、ここでは編集できません。CSS はテキストエディターで変更してから、ファイルを貼り付け直してください。
- 多くのキューをまとめて動かすには、時刻を 1 つずつ編集するのではなく字幕タイミングエディターを使ってください。
VTT エディターについてよくある質問
WebVTT ファイルを編集するには？
.vtt ファイルを貼り付けるか開き、必要なキューを変更してダウンロードします。エディターはヘッダー、コメント、スタイルのブロックを元のとおりに書き戻すので、結果はそれ以上手を加えなくても同じプレーヤーで使えます。
字幕が画面に表示される位置を変えられますか？
はい。キューの「設定」欄に設定を入力します。たとえば line:0 で上部に移動し、position:10% align:start で左に寄せます。WebVTT の位置指定に対応したプレーヤーはそれを反映しますが、設定を無視する埋め込みプレーヤーもあります。
WebVTT のキュー ID とは何ですか？
タイミングの上の行に付ける任意のラベルで、intro や step-2 のようなものです。プレーヤーには表示されませんが、スクリプト、チャプターツール、CSS が特定のキューを見つけるのに使えます。ID はファイル内で重複しないようにしてください。