[40] [DFN[[[WebVTT]]]] は、[[動画]]や[[音声]]に対する[[字幕]]などの[[注釈]]を記述するための形式です。
[[HTML]] と共に利用するために開発されました。

* 仕様書

[REFS[
- [54] '''[CITE@en-US-x-hixie[WebVTT Standard]] ([TIME[2012-04-26 21:10:07 +09:00]] 版) <http://dev.w3.org/html5/webvtt/>'''
- [78] [CITE@en-US-x-hixie[HTML Standard]] ([TIME[2012-04-28 00:40:00 +09:00]] 版) <http://www.whatwg.org/specs/web-apps/current-work/#timed-text-tracks>
]REFS]

[79] [[WebVTT]] の構文、意味、構文解析の方法は [[WebVTT]] 仕様で規定されていますが、
[[API]] や[[媒体要素]]の処理モデルとの絡みは [[HTML]] 仕様で規定されています。

* 構文

[66] [[WebVTT]] の構文は[[文脈依存言語]]と思われます。

** ABNF 風構文

[65] 構文を [[ABNF]] 風に表記すると次のようになります。なお、 [[WebVTT]]
の構文の要件は [[ABNF]] では表現できないので、次に示す構文は実際よりも緩い制約になっています。

[PRE(ABNF code)[
wsp := U+0020 / U+0009
file-body := [BOM] 'WEBVTT' wsp *(Char - wsp) 2*line-terminator [cue *(2*line-terminator cue)] *line-terminators
cue := [cue-identifier line-terminator] cue-timings 1*(wsp cue-settings) line-terminator cueue-payload
cue-payload := cue-text / chapter-title-text / metadata-text
line-terminator := U+000D U+000A / U+000A / U+000D
cue-identifier := 1*(Char - line-terminator) - (*Char "-->" *Char)
cue-timings := timestamp 1*wsp "-->" 1*wsp timestamp
digit := U+0030 .. U+0039
timestamp := [2*digit ":"] 2*digit ":" 2*digit "." 3*digit
cue-settings := [cue-setting *(1*wsp cue-setting)]
cue-setting := vertical-text-cue-setting / line-position-cue-setting / text-position-cue-setting / size-cue-setting / alignment-cue-setting
vertical-text-cue-setting := 'vertical:' ('rl' / 'rl')
line-position-cue-setting := 'line:' (relative-position / line-number)
relative-position := 1*digit "%"
line-number := ["-"] 1*digit
text-position-cue-setting := 'position:' relative-position
size-cue-setting := 'size:' 1*digit "%"
alignment-cue-setting := 'align:' ('start' / 'middle' / 'end')
metadata-text := [meta *(line-separator meta)]
meta := 1*(Char - line-separator)
chapter-title-text := [text *([line-separator] text)]
text := cue-text-span / cue-amp-escape / cue-lt-escape / cue-gt-escape / cue-lrm-escape / cue-rlm-escape / cue-nbsp-escape
cue-text := [cue-component *([line-separator] cue-component)]
cue-component := cue-class-span / cue-italics-span / cue-bold-span / cue-underline-span / cue-ruby-span / cue-voice-span / cue-timestamp / text
cue-internal-text := [line-terminator] *(cue-component [line-terminator])
cue-class-span := cue-span-start-tag('c') cue-internal-text cue-span-end-tag('c')
cue-italics-span := cue-span-start-tag('i') cue-internal-text cue-span-end-tag('i')
cue-bold-span := cue-span-start-tag('b') cue-internal-text cue-span-end-tag('b')
cue-underline-span := cue-span-start-tag('u') cue-internal-text cue-span-end-tag('u')
cue-ruby-span := cue-span-start-tag('ruby') 1*(cue-internal-text cue-span-start-tag('rt') cue-internal-text [cue-span-end-tag('rt')]) [line-terminator] *(wsp [line-terminator]) cue-span-end-tag('ruby')
cue-voice-span := cue-span-start-tag-annotated('v') cue-internal-text [cue-span-end-tag('v')]
cue-span-start-tag(tag-name) := "<" tag-name *("." class) ">"
cue-span-start-tag-annotated(tag-name) := "<" tag-name *("." class) wsp 1*(annotation) ">"
class := 1*(Char - (U+0009 / U+000A / U+000D / U+0020 / "&" / "<" / ">" / "."))
annotation := cue-span-start-tag-annotation-text / cue-amp-escape / cue-lt/escape / cue-gt-escape / cue-lrm-escape / cue-rlm-escape / cue-nbsp-escape
cue-span-end-tag(tag-name) := "</" tag-name ">"
cue-timestamp := "<" timestamp ">"
cue-text-span := 1*(Char - (U+000A / U+000D / "&" / "<"))
cue-span-start-tag-annotation-text := 1*(Char - (U+000A / U+000D / "&" / ">"))
cue-amp-escape := '&amp;'
cue-lt-escape := '&lt;'
cue-gt-escape := '&gt;'
cue-lrm-escape := '&lrm;'
cue-rlm-escape := '&rlm;'
cue-nbsp-escape := '&nbsp;'
]PRE]

* HTML からの参照

[43] [[WebVTT]] [[文書]]は、[[HTML]] [[文書]]から [CODE(HTMLe)@en[[[track]]]]
[[要素]]により参照します。

* API

[75] 既存の [[WebVTT]] [[文書]]の参照は、[[スクリプト]]からも [CODE(HTMLe)@en[[[track]]]]
[[要素]]を操作することによって行えます。

[76] また [[WebVTT]] によって記述された [[cue]] も、[[テキスト・トラックAPI]]
により参照、操作できます。 [[cue]] を追加したり削除したりすることができます。

[77] [[テキスト・トラック]]自体も、 [CODE(DOMm)@en[[[addTextTrack]]]]
[[メソッド]]によって動的に生成することができます。

* 歴史

** WebSRT

[41] 当初は [[WHATWG]] により、 [[SRT]] に幾分の互換性のある [DFN[[[WebSRT]]]]
として開発されました。

[REFS[
-[1] [CITE@en[HTML5 Revision Tracker]]
([TIME[2010-05-04 11:13:56 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=5068&to=5069>
-[2] [CITE@en[HTML5 Revision Tracker]]
([TIME[2010-05-05 19:14:57 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=5077&to=5078>
-[3] [CITE@en[HTML5 Revision Tracker]]
([TIME[2010-05-06 06:06:01 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=5078&to=5079>
-[4] [CITE@en[HTML5 Revision Tracker]]
([TIME[2010-05-07 08:32:25 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=5079&to=5080>
-[5] [CITE@en[HTML5 Revision Tracker]]
([TIME[2010-05-07 08:32:38 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=5080&to=5081>
-[6] [CITE[IRC logs: freenode / #whatwg / 20100506]]
([TIME[2010-06-03 08:41:05 +09:00]] 版)
<http://krijnhoetmer.nl/irc-logs/whatwg/20100506>
-[7] [CITE@en[HTML5 Revision Tracker]]
([TIME[2010-06-26 11:33:35 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=5110&to=5111>
-[8] [CITE@en[HTML5 Revision Tracker]]
([TIME[2010-06-26 11:35:00 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=5111&to=5112>
-[9] [CITE@en[HTML5 Revision Tracker]]
([TIME[2010-06-26 11:35:21 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=5112&to=5113>
-[10] [CITE@en[HTML5 Revision Tracker]]
([TIME[2010-06-29 21:32:38 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=5113&to=5114>
-[11] [CITE@en[HTML5 Revision Tracker]]
([TIME[2010-06-29 21:32:53 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=5114&to=5115>
-[12] [CITE@en[HTML5 Revision Tracker]]
([TIME[2010-06-30 07:13:55 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=5118&to=5119>
-[13] [CITE@en[HTML5 Revision Tracker]]
([TIME[2010-06-30 07:14:15 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=5119&to=5120>
-[14] [CITE@en[HTML5 Revision Tracker]]
([TIME[2010-06-30 22:34:18 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=5121&to=5122>
-[15] [CITE@en[HTML5 Revision Tracker]]
([TIME[2010-06-30 22:34:36 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=5122&to=5123>
-[16] [CITE@en[HTML5 Revision Tracker]]
([TIME[2010-07-01 07:48:18 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=5124&to=5125>
-[17] [CITE@en[HTML5 Revision Tracker]]
([TIME[2010-07-02 00:58:19 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=5125&to=5126>
-[18] [CITE@en[HTML5 Revision Tracker]]
([TIME[2010-07-02 07:52:55 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=5126&to=5127>
-[19] [CITE@en[HTML5 Revision Tracker]]
([TIME[2010-07-02 07:53:08 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=5127&to=5128>
-[20] [CITE@en[HTML5 Revision Tracker]]
([TIME[2010-07-02 07:53:19 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=5128&to=5129>
-[21] [CITE@en[HTML5 Revision Tracker]]
([TIME[2010-07-02 07:54:08 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=5129&to=5130>
-[22] [CITE@en[HTML5 Revision Tracker]]
([TIME[2010-07-02 21:12:45 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=5130&to=5131>
-[23] [CITE[IRC logs: freenode / #whatwg / 20100630]]
([TIME[2010-07-05 08:14:40 +09:00]] 版)
<http://krijnhoetmer.nl/irc-logs/whatwg/20100630#l-1518>
-[24] [CITE@en[HTML5 Revision Tracker]]
([TIME[2010-07-17 01:33:27 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=5167&to=5168>
-[25] [CITE[IRC logs: freenode / #whatwg / 20100702]]
([TIME[2010-07-18 00:28:05 +09:00]] 版)
<http://krijnhoetmer.nl/irc-logs/whatwg/20100702>
-[26] [CITE[IRC logs: freenode / #whatwg / 20100705]]
([TIME[2010-07-19 12:21:38 +09:00]] 版)
<http://krijnhoetmer.nl/irc-logs/whatwg/20100705#l-88>
-[29] [CITE['''['''whatwg''']''' Timed tracks for <video>]]
([TIME[2010-07-24 01:39:25 +09:00]] 版)
<http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-July/027278.html>
]REFS]

[55] [[HTML]] の他の部分とは別に [[WebSRT]] だけ取り出して読みたいという要望があったため、
[[WebSRT]] の部分だけ抜き出した文書が用意されました。

;; [56] 単独の仕様書ではなく、あくまで該当する部分を抜き出しただけという位置付けでした。

[REFS[
-[27] [CITE@en-US-x-hixie[WebSRT]]
([TIME[2010-07-23 17:03:44 +09:00]] 版)
<http://www.whatwg.org/specs/web-apps/current-work/websrt.html>
]REFS]

[57] [[JavaScript]] での実装も登場しました。

[REFS[
- [30] [CITE@en-US[websrtjs: Summary]]
([TIME[2010-08-10 23:54:23 +09:00]] 版)
<http://hg.hoppipolla.co.uk/hgwebdir.cgi/websrtjs/>
]REFS]

[REFS[
- [31] [CITE[WebSRT: 字幕 for HTML5]]
([TIME[2010-08-17 20:09:45 +09:00]] 版)
<http://people.opera.com/danield/html5/websrt/>
]REFS]

[58] 既存の [[SRT]] のデータの収集と分析も行われ、それが [[WebSRT]] 仕様にも反映されています。

[REFS[
- [32] [CITE@en[SRT research « Philip Jägenstedt]]
([TIME[2010-08-25 16:43:19 +09:00]] 版)
<http://blog.foolip.org/2010/08/20/srt-research/>
- [33] [CITE[IRC logs: freenode / #whatwg / 20100825]]
( ([TIME[2010-09-04 09:44:11 +09:00]] 版))
<http://krijnhoetmer.nl/irc-logs/whatwg/20100825>
- [34] [CITE@en[Web Applications 1.0 r5688 Remove some text from W3C version as requested by a11y task force.]]
( ([TIME[2010-12-01 05:51:00 +09:00]] 版))
<http://html5.org/tools/web-apps-tracker?from=5687&to=5688>
- [35] [CITE@en[Web Applications 1.0 r5721        WebSRT fixes: added <track default> to make it possible to enable a text track by default; dropped <track charset>; dropped the voice identifier in favour of inline <v> annotations in WebSRT; dropped compatibility with legacy SRT; added a magic signature to WebSRT; added some forward-compatibility features to WebSRT for future expansion; simplified WebSRT timestamp syntax; added WebSRT <c.foo.bar> syntax and support for classes in WebSRT; added '&gt;' escape support; tightened up WebSRT timestamp parsing; added ::cue() which takes a selector; dropped ::cue-part; added :past/:future; added some explanatory material and fixed some typos.]]
( ([TIME[2010-12-25 15:28:00 +09:00]] 版))
<http://html5.org/tools/web-apps-tracker?from=5720&to=5721>
]REFS]

** WebVTT

[42] しかしいくらかの修正を加えた後も、既存の [WEAK[([[Web]] 以外で使われている)]] [[SRT]] 
との互換性が十分ではないため [WEAK[(また互換性を最大化することが目的でもないため)]]、
[[SRT]] を名乗ることによる混乱を招かぬよう、 [[WebVTT]] に改称されました。

[REFS[
- [36] [CITE@en[Web Applications 1.0 r5722        Rename SRT to VTT.]]
( ([TIME[2010-12-25 15:42:00 +09:00]] 版))
<http://html5.org/tools/web-apps-tracker?from=5721&to=5722>
- [37] [CITE@en[Web Applications 1.0 r5723        Change 'timed track' to 'text track' since 'track' rather implies the 'timed' component already and 'text' is the important part of the concept. Also, this fits in better with the WebVTT name. WARNING: This is bound to have caused all kinds of mistakes; please file bugs for such editorial issues. Thanks.]]
( ([TIME[2010-12-25 15:56:00 +09:00]] 版))
<http://html5.org/tools/web-apps-tracker?from=5722&to=5723>
- [38] [CITE[''''''[''''''whatwg'''''']'''''' Timed tracks: feedback compendium]]
( ([TIME[2011-01-05 08:42:33 +09:00]] 版))
<http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-December/029512.html>
- [39] [CITE[''''''[''''''whatwg'''''']'''''' Google Feedback on the HTML5 media a11y specifications]]
( ([TIME[2011-01-15 01:22:26 +09:00]] 版))
<http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2011-January/029859.html>
- [44] [CITE@en[Web Applications 1.0 r6168       Simplify the WebVTT file signature.]]
( ([TIME[2011-06-02 02:40:00 +09:00]] 版))
<http://html5.org/tools/web-apps-tracker?from=6167&to=6168>
- [45] [CITE[IRC logs: freenode / #whatwg / 20110803]]
( ([TIME[2011-08-14 00:58:16 +09:00]] 版))
<http://krijnhoetmer.nl/irc-logs/whatwg/20110803>
- [46] [CITE[''''''[''''''whatwg'''''']'''''' <track> / WebVTT issues]]
( ([TIME[2011-10-01 21:52:47 +09:00]] 版))
<http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2011-September/033259.html>
]REFS]

[59] [[JavaScript]] の[[構文解析器]]と[[妥当性検証器]]の実装も登場しました。著者は [[annevk]] です。

[REFS[
- [47] [CITE[Live WebVTT Validator]]
( ([TIME[2011-10-23 20:19:04 +09:00]] 版))
<http://quuz.org/webvtt/>
- [52] [CITE@en[annevk / webvtt / overview — Bitbucket]]
( ([TIME[2011-12-06 23:16:49 +09:00]] 版))
<https://bitbucket.org/annevk/webvtt>
]REFS]

** W3C Web Media Text Tracks Community Group

[60] 2011年11月には [[W3C Web Media Text Tracks Community Group]] が組織されました。
同 [[CG]] は [[Ian Hickson]] を[[編集者]]として [[WebVTT]] の標準化を [[W3C]]
において行うこととなったため、 [[WebVTT]] 仕様は [[WHATWG]] から同 [[CG]] に移管されました。

[61] 移管されたとは言え、[[編集者]]は変わらず [[Ian Hickson]] であり、単一のファイルから
[[HTML]] と [[WebVTT]] の仕様書を生成するスタイルは継続しています。 [[W3C]] の [[CVS]]
で管理されてはいますが、元のファイルは [[WHATWG]] の [[SVN]] にあります。
実質的に変化したのは [[HTML Living Standard]] から [[WebVTT]] の部分が削除されたことくらいです。

;; [62] この頃まで Ian は [[Web Applications 1.0]] / [[HTML Living Standard]] をすべての仕様の統合体としていたのに、
なぜ [[WebVTT]] を同じスタイルで、 [[HTML Living Standard]] の一部でもあり、 [[WebVTT Living Standard]]
という単体の仕様でもある、としなかったのかは謎です。

;; [63] [[W3C]] [[CG]] はこの頃できた新しい制度で、 [[W3C]] の資源を利用しつつも自由な運営と標準化を行えます。
[[WebVTT Living Standard]] は [[W3C]] のサイトにあり、 [[W3C]] のロゴも掲示されていますが、
[[CSS]] は [WEAK[([[W3C]] の青色のものではなく)]] [[WHATWG]] の緑色のものを使っています。
また、 [[W3C]] 本体の仕様に対しては認めていない「[[Living Standard]]」を名乗っています。

[REFS[
- [48] [CITE@en[Initial WebVTT contribution to the CG]]
( ([[Silvia Pfeiffer]] 著, [TIME[2011-11-18 11:51:33 +09:00]] 版))
<http://lists.w3.org/Archives/Public/public-texttracks/2011Nov/0017.html>
- [49] [CITE@en[Web Applications 1.0 r6837 Prepare a WebVTT standard. Remove the WebVTT text from the HTML standard; refer to the WebVTT spec instead. Drop PeerConnection (moved to W3C WebRTC WG). Clean up some internal annotations (sorry, this affects a number of topics but is purely editorial). Fix some WebIDL issues flagged by recent updates to the WebIDL checker.Affected topics: Canvas, DOM APIs, HTML, HTML Syntax and Parsing, Microdata, Offline Web Applications, Rendering, Security, Server-Sent Events, Video Text Tracks, Video and Audio, Web Storage, Web Workers, WebSocket API]]
( ([TIME[2011-11-29 08:04:00 +09:00]] 版))
<http://html5.org/tools/web-apps-tracker?from=6836&to=6837>
- [50] [CITE@en-US-x-hixie[WebVTT Standard]]
( ([TIME[2011-11-28 23:05:01 +09:00]] 版))
<http://dev.w3.org/html5/webvtt/>
- [51] [CITE@en[WebVTT spec is now live (Was: FYI: Mercurial repo for our work)]]
( ([[Ian Hickson]] 著, [TIME[2011-11-29 08:11:51 +09:00]] 版))
<http://lists.w3.org/Archives/Public/public-texttracks/2011Nov/0027.html>
- [53] [CITE@en[Web Applications 1.0 r6934        Change the settings to be less tersely named.Fixing https://www.w3.org/Bugs/Public/show_bug.cgi?id=14646]]
( ([TIME[2012-01-31 05:48:00 +09:00]] 版))
<http://html5.org/tools/web-apps-tracker?from=6933&to=6934>
]REFS]

[64] 2012年4月後半に [[Ian Hickson]] が久々に [[WebVTT]] モードになっています。


[67] [CITE@en-US[LeanBack Player | Test case implementation of WebVTT format (Web Video Text Tracks)]]
( ([TIME[2012-04-28 08:21:11 +09:00]] 版))
<http://leanbackplayer.com/test/webvtt.html>

[68] [CITE@en-US[LeanBack Player | WebVTT format (Web Video Text Tracks) reviewed]]
( ([TIME[2012-04-28 08:22:12 +09:00]] 版))
<http://leanbackplayer.com/other/webvtt.html>

[69] [CITE@en[Understanding WebVTT file format]]
( ([[Julien Villetorte]] 著, [TIME[2011-05-31 08:10:09 +09:00]] 版))
<http://www.delphiki.com/webvtt/>

[70] [CITE@en-US[''''''[''''''proposed'''''']'''''' WebVTT Working Group]]
( ([TIME[2012-03-23 13:22:36 +09:00]] 版))
<http://www.w3.org/2011/05/google-webvtt-charter.html>

[71] [CITE[rillian/webvtt · GitHub]]
( ([TIME[2012-04-28 08:24:32 +09:00]] 版))
<https://github.com/rillian/webvtt>

[72] [CITE[Bug 72215 – Enable WebVTT parsing layout tests]]
( ([TIME[2012-04-28 08:25:28 +09:00]] 版))
<https://bugs.webkit.org/show_bug.cgi?id=72215>

[73] [CITE[/trunk/LayoutTests/media/track/captions-webvtt – WebKit]]
( ([TIME[2012-04-28 08:27:17 +09:00]] 版))
<http://trac.webkit.org/browser/trunk/LayoutTests/media/track/captions-webvtt>

[74] [CITE[629350 – Implement the track element]]
( ([TIME[2012-04-28 08:28:34 +09:00]] 版))
<https://bugzilla.mozilla.org/show_bug.cgi?id=629350>

[80] [CITE[IRC logs: freenode / #whatwg / 20120425]]
( ([TIME[2012-05-02 17:23:32 +09:00]] 版))
<http://krijnhoetmer.nl/irc-logs/whatwg/20120425#l-139>

[81] [CITE[WebVTT in WebM - wiki]]
( ([TIME[2012-06-25 02:08:10 +09:00]] 版))
<http://wiki.webmproject.org/webm-metadata/temporal-metadata/webvtt-in-webm>

[82] [CITE@en[Embedding RDF in WebVTT | NinSuna: Metadata-driven Media Adaptation and Delivery]]
( ([TIME[2012-06-28 00:43:35 +09:00]] 版))
<http://ninsuna.elis.ugent.be/node/39>