Loading article…
| ファイル名拡張子 |
.vtt |
|---|---|
| インターネットメディアの種類 |
テキスト/vtt |
| 開発者 | ワールドワイドウェブコンソーシアム(W3C) |
| 初回リリース | 2010年8月10日[1] |
| 最新リリース | 2019年4月4日 |
| フォーマットの種類 | タイムテキスト |
| 延長 | SRT |
| 標準 | W3C WebVTT |
| オープンフォーマット? | はい |
| フリーフォーマット? | はい |
WebVTT (Web Video Text Tracks) は、HTML5要素に関連してタイミング付きテキストを表示するためのWorld Wide Web Consortium (W3C) 標準です。
<track>
初期の仕様草案は、HTML5でサポートされるキャプション形式について議論した後、2010年にWHATWGによって作成されました。主な選択肢は、比較的成熟したXMLベースのTimed Text Markup Language (TTML)か、広く使用されているSubRip形式をベースにした完全に新しい軽量な標準でした。最終決定は、当初WebSRT (Web Subtitle Resource Tracks)と呼ばれていた新しい標準でした。[2]ファイル拡張子は同じで.srt、SubRip形式を大まかにベースとしていましたが、完全な互換性はありませんでした。[3]
候補となった形式は後にWebVTTに改名されました。[4] [5] 2011年1月13日のHTML5ドラフトレポートのバージョンでは、<track>要素が導入され、仕様が更新され、WebVTTキューテキストのレンダリングルールが文書化されました。[6] WebVTT仕様はW3Cの候補勧告であり、基本的な機能はすべての主要ブラウザでサポートされています。
SubRipとの主な違い
- WebVTTの最初の行は、オプションのUTF-8バイトオーダーマークの後にWEBVTTで始まります。
- 最初の行と最初のキューの間にはオプションのヘッダーデータ用のスペースがあります
- タイムコードの小数値は、カンマではなくピリオドで区切られます。
- タイムコード時間はオプションです
- タイムコードの前のフレーム番号/識別はオプションです
- NOTEという単語で識別されるコメントを追加できます
- メタデータ情報はJSON形式で追加できます
- 章情報はオプションで指定できます
- UTF-8の拡張文字のみサポートします
- Cタグの付属HTMLドキュメントで定義された別のファイルのCSSがFONT要素の代わりに使用されます。
- キュー設定ではビデオ上のキューの位置をカスタマイズできる[7]
互換性
Firefox はナイトリービルド (Firefox 24) で WebVTT を実装しましたが、当初はデフォルトで有効になっていませんでした。この機能は、Firefox で「about:config」ページに移動し、「media.webvtt.enabled」の値を true に設定することで有効にする必要がありました。[10] YouTube は 2013 年 4 月に WebVTT のサポートを開始しました。[11] 2014 年 7 月 24 日現在、Mozilla は Firefox で WebVTT をデフォルトで有効にしています。[12]
.vtt ファイル内の字幕はオンラインでは表示されますが、ローカル ドライブに保存されている場合は表示されません。
WebVTT形式の例
ロジャー・ビンガムがニール・ドグラース・タイソンにインタビューしているW3Cの字幕のサンプルファイル（[1]）: [13]
ウェブVTT 00:11.000 --> 00:13.000 <v ロジャー・ビンガム>私たちはニューヨーク市にいます 00:13.000 --> 00:16.000 <v ロジャー・ビンガム>私たちは、通りのすぐ近くのルツェルンホテルにいます 00:16.000 --> 00:18.000 <v ロジャー・ビンガム>アメリカ自然史博物館より 00:18.000 --> 00:20.000 <v ロジャー・ビンガム>そして私と一緒にいるのはニール・ドグラース・タイソンです 00:20.000 --> 00:22.000 <v ロジャー・ビンガム>天体物理学者、ヘイデンプラネタリウム館長 00:22.000 --> 00:24.000 <v ロジャー・ビンガム>AMNH にて。 00:24.000 --> 00:26.000 <v ロジャー・ビンガム>ここまで歩いて来てくれてありがとう。 00:27.000 --> 00:30.000 <v ロジャー・ビンガム>前回の会話の続きをしたいと思います。 00:30.000 --> 00:31.500 align:right size:50% <v ロジャー・ビンガム>私たちが電子メールを送ったとき— 00:30.500 --> 00:32.500 align:left size:50% <v ニール・ドグラース・タイソン>その会話で十分話したんじゃないの？ 00:32.000 --> 00:35.500 align:right size:50% <v ロジャー・ビンガム>いや！いやいやいやいや。だって、だって、明らかに 00:32.500 --> 00:33.500 位置合わせ:左 サイズ:50% <v ニール・ドグラース・タイソン><i>笑う</i> 00:35.500 --> 00:38.000 <v ロジャー・ビンガム>興奮しすぎてメガネが落ちちゃいそう。
その他の機能
2013年6月、新しい「地域」設定を含む例が仕様に追加されました。[14]この機能はFirefox 59およびSafari 14.1（iOSでは14.5）以降でサポートされていますが、他のブラウザではサポートされていません。[15]
参考文献
- ^ “WebSRT”. 2010年8月16日時点のオリジナルよりアーカイブ。2015年2月12日閲覧。
- ^ 「WebVTT対TTML: XMLはウェブキャプションに有害か?」2015年2月16日閲覧。
- ^ WebSRT、WHATWG HTML ドラフト仕様より、2010-10-14 取得
- ^ Kennedy, Antony; de Leon, Inayaili (2011). 高トラフィックウェブサイト向けプロCSS. Apress . ISBN 978-1-4302-3288-9。
- ^ Pfeiffer, Silvia (2011 年 6 月 27 日)。「WebVTT に関する最近の開発」。
- ^ 「HTML5」。
- ^ 「WebVTT cue settings」。W3C。2015年10月6日時点のオリジナルよりアーカイブ。 2015年2月11日閲覧。
- ^ 「ブラウザでのWebVTTサポート」W3C 。 2017年2月6日閲覧。
- ^ 「WebVTT スタイリング」。JWPlayer。2016年4月20日時点のオリジナルよりアーカイブ。 2017年2月6日閲覧。
- ^ 「トラック要素を実装する」。
- ^ 「キャプション ファイル - YouTube ヘルプ」。
- ^ 「Firefox 31 リリースノート」。
- ^ 「WebVtt: Web Video Text Tracks Format」. w3.org . The World Wide Web Consortium. 2019年4月4日. 2023年2月23日閲覧。
- ^ 「「その他の機能」の「はじめに」セクションにリージョンの例を追加しました – GitHub コミットの詳細」。GitHub。
- ^ 「VTTCue.region - Web API | MDN」。MDN Web Docs。
外部リンク
- WebVTT 標準
- WebVTT 実装に関する Mozilla の開発者ページ
- WebVTT ビューア