{"json_modified": "2016-08-29T12:21:13.789873", "uuid": "1a589a56-9332-4a8b-b11a-f1833610dcc5", "title": "WebVTT", "url": "/en-US/docs/Web/API/Web_Video_Text_Tracks_Format", "tags": ["subtitles", "API", "Intermediate", "text tracks", "Reference", "Web Video Text Tracks", "NeedsUpdate", "captions", "WebVTT"], "translations": [{"uuid": "8ad58a84-236a-4219-a14b-6125f8987fd8", "title": "WebVTT", "url": "/ja/docs/Web/API/Web_Video_Text_Tracks_Format", "tags": ["\u8981\u66f4\u65b0"], "summary": "WebVTT \u306f\u6642\u7cfb\u5217\u306b\u305d\u3063\u305f\u30c6\u30ad\u30b9\u30c8\u8868\u793a\u306b\u5229\u7528\u3055\u308c\u308b\u30c7\u30fc\u30bf\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3067\u3059\u3002<a href=\"/ja/docs/Web/HTML/Element/track\" title=\"HTML track &#x8981;&#x7D20;&#x306F;&#x30E1;&#x30C7;&#x30A3;&#x30A2;&#x8981;&#x7D20; (&lt;audio&gt; &#x304A;&#x3088;&#x3073; &lt;video&gt;) &#x306E;&#x5B50;&#x3068;&#x3057;&#x3066;&#x4F7F;&#x7528;&#x3057;&#x307E;&#x3059;&#x3002;&#x3053;&#x306E;&#x8981;&#x7D20;&#x306F;&#x81EA;&#x52D5;&#x7684;&#x306B;&#x51E6;&#x7406;&#x3055;&#x308C;&#x308B;&#x5B57;&#x5E55;&#x306A;&#x3069;&#x3001;&#x6642;&#x9593;&#x6307;&#x5B9A;&#x3055;&#x308C;&#x305F;&#x30C6;&#x30AD;&#x30B9;&#x30C8;&#x30C8;&#x30E9;&#x30C3;&#x30AF; (&#x307E;&#x305F;&#x306F;&#x6642;&#x7CFB;&#x5217;&#x30C7;&#x30FC;&#x30BF;) &#x3092;&#x6307;&#x5B9A;&#x3067;&#x304D;&#x307E;&#x3059;&#x3002;&#x30C8;&#x30E9;&#x30C3;&#x30AF;&#x306F; WebVTT (Web Video Text Tracks) &#x5F62;&#x5F0F; (.vtt &#x30D5;&#x30A1;&#x30A4;&#x30EB;) &#x3067;&#x6574;&#x5F62;&#x3057;&#x307E;&#x3059;&#x3002;\"><code>&lt;track&gt;</code></a> \u8981\u7d20\u3068\u3068\u3082\u306b\u4f7f\u308f\u308c\u307e\u3059\u3002\u00a0 \u4e3b\u306a\u7528\u9014\u306f <a href=\"/ja/docs/Web/HTML/Element/video\" title=\"HTML &lt;video&gt; &#x8981;&#x7D20;&#x306F;&#x3001;&#x6620;&#x50CF;&#x30B3;&#x30F3;&#x30C6;&#x30F3;&#x30C4;&#x3092;&#x57CB;&#x3081;&#x8FBC;&#x3080;&#x305F;&#x3081;&#x306B;&#x7528;&#x3044;&#x3089;&#x308C;&#x307E;&#x3059;&#x3002;&#x3053;&#x306E;&#x8981;&#x7D20;&#x306F;&#x3001;&#x8907;&#x6570;&#x306E;&#x6620;&#x50CF;&#x30BD;&#x30FC;&#x30B9;&#x3092;&#x542B;&#x3080;&#x3053;&#x3068;&#x304C;&#x3067;&#x304D;&#x307E;&#x3059;&#x3002;&#x6620;&#x50CF;&#x30BD;&#x30FC;&#x30B9;&#x306F; src &#x5C5E;&#x6027;&#x307E;&#x305F;&#x306F; &lt;source&gt; &#x8981;&#x7D20;&#x3092;&#x4F7F;&#x7528;&#x3057;&#x3066;&#x8868;&#x3057;&#x3001;&#x30D6;&#x30E9;&#x30A6;&#x30B6;&#x306F;&#x3082;&#x3063;&#x3068;&#x3082;&#x9069;&#x5207;&#x306A;&#x30BD;&#x30FC;&#x30B9;&#x3092;&#x9078;&#x629E;&#x3057;&#x307E;&#x3059;&#x3002;\"><code>&lt;video&gt;</code></a>\u00a0 \u8981\u7d20\u306b\u5b57\u5e55\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3067\u3059\u3002", "localization_tags": ["inprogress"], "locale": "ja", "last_edit": "2016-04-13T00:32:26", "review_tags": []}, {"uuid": "8d75f942-48bd-4312-92ba-5af840b90e45", "title": "WebVTT", "url": "/zh-TW/docs/Web/API/Web_Video_Text_Tracks_Format", "tags": [], "summary": "WebVTT \u662f\u4e00\u7a2e UTF-8 \u7de8\u78bc\u7684\u6587\u5b57\u6a94\u6848\u683c\u5f0f\uff0c\u53ef\u85c9\u7531 <a href=\"/zh-TW/docs/HTML/Element/track\" title=\"This article hasn't been written yet. Please consider contributing!\"><code>&lt;track&gt;</code></a> \u5143\u7d20\u986f\u793a\u52a0\u8a3b\u6642\u9593\u8cc7\u8a0a\u4e4b\u6587\u5b57\u8ecc\uff0c\u5176\u4e3b\u8981\u8a2d\u8a08\u76ee\u7684\u662f\u70ba <a href=\"/zh-TW/docs/HTML/Element/video\" title=\"This article hasn't been written yet. Please consider contributing!\"><code>&lt;video&gt;</code></a> \u986f\u793a\u5b57\u5e55\u3002", "localization_tags": ["inprogress"], "locale": "zh-TW", "last_edit": "2014-08-16T22:46:29", "review_tags": []}], "modified": "2016-08-29T12:21:13", "label": "WebVTT", "localization_tags": [], "locale": "en-US", "id": 57851, "last_edit": "2016-08-29T12:21:06", "summary": "WebVTT is a format for displaying timed text tracks (e.g. subtitles or captions) with the <a href=\"/en-US/docs/Web/HTML/Element/track\" title=\"The HTML &lt;track&gt; element is used as a child of the media elements&#x2014;&lt;audio&gt; and &lt;video&gt;. It lets you specify timed text tracks (or time-based data), for example to automatically handle subtitles. The tracks are formatted in WebVTT format (.vtt files) &#x2014; Web Video Text Tracks.\"><code>&lt;track&gt;</code></a> element. The primary purpose of WebVTT files is to add text overlays to a <a href=\"/en-US/docs/Web/HTML/Element/video\" title=\"Use the &#xA0;HTML &lt;video&gt; element&#xA0;to embed video content in a document. The video element contains one or more video sources. To specify a video source, use either the src attribute or the &lt;source&gt; element; the browser will choose the most suitable one.\"><code>&lt;video&gt;</code></a>. WebVTT is a text based format, which must be encoded in UTF-8 format. Where you can use spaces you can also use tabs.", "sections": [{"id": "Introduction_to_WebVTT", "title": "Introduction to WebVTT"}, {"id": "WebVTT_Body", "title": "WebVTT Body"}, {"id": "Example_1_-_Simplest_possible_WEBVTT_file", "title": "Example 1 - Simplest possible WEBVTT file"}, {"id": "Example_2_-_Very_simple_WebVTT_file_with_a_text_header", "title": "Example 2 - Very simple WebVTT file with a text header"}, {"id": "Example_3_-_Common_WebVTT_example_with_a_header_and_cues", "title": "Example 3 - Common WebVTT example with a header and cues"}, {"id": "Inner_Structure_of_a_WebVTT_file", "title": "Inner Structure of a WebVTT file"}, {"id": "WebVTT_Comments", "title": "WebVTT Comments"}, {"id": "Example_4_-_Common_WebVTT_example", "title": "Example 4 - Common WebVTT example"}, {"id": "Example_5_-_Multi-line_comment", "title": "Example 5 - Multi-line comment"}, {"id": "Example_6_-_Common_comment_usage", "title": "Example 6 - Common comment usage"}, {"id": "Usage", "title": "Usage"}, {"id": "WebVTT_Cues", "title": "WebVTT Cues"}, {"id": "Example_7_-_Example_of_a_cue", "title": "Example 7 - Example of a cue"}, {"id": "Cue_Identifier", "title": "Cue Identifier"}, {"id": "Example_8_-_Cue_identifier_from_Example_7", "title": "Example 8 - Cue identifier from Example 7"}, {"id": "Example_9_-_Common_usage_of_identifiers", "title": "Example 9 - Common usage of identifiers"}, {"id": "Cue_Timings", "title": "Cue Timings"}, {"id": "Example_10_-_Basic_cue_timing_examples", "title": "Example 10 - Basic cue timing examples"}, {"id": "Example_11_-_Overlapping_cue_timing_examples", "title": "Example 11 - Overlapping cue timing examples"}, {"id": "Example_12_-_Non-overlapping_cue_timing_examples", "title": "Example 12 - Non-overlapping cue timing examples"}, {"id": "Cue_Settings", "title": "Cue Settings"}, {"id": "Example_13_-_Cue_setting_examples", "title": "Example 13 - Cue setting examples"}, {"id": "Cue_Payload", "title": "Cue Payload"}, {"id": "Cue_Payload_Text_Tags", "title": "Cue Payload Text Tags"}, {"id": "Example_12_-_Karaoke_style_text", "title": "Example 12 - Karaoke style text"}, {"id": "Example_14_-_Class_tag", "title": "Example 14 - Class tag"}, {"id": "Example_15_-_Italics_tag", "title": "Example 15 - Italics tag"}, {"id": "Example_16_-_Bold_tag", "title": "Example 16 - Bold tag"}, {"id": "Example_17_-_Underline_tag", "title": "Example 17 - Underline tag"}, {"id": "Example_18_-_Ruby_tag", "title": "Example 18 - Ruby tag"}, {"id": "Example_19_-_Ruby_text_tag", "title": "Example 19 - Ruby text tag"}, {"id": "Example_20_-_Voice_tag", "title": "Example 20 - Voice tag"}, {"id": "Interfaces", "title": "Interfaces"}, {"id": "VTTCue_interface", "title": "VTTCue interface"}, {"id": "VTT_Region_interface", "title": "VTT Region interface"}, {"id": "Methods_and_properties", "title": "Methods and properties"}, {"id": "VTTCue", "title": "VTTCue"}, {"id": "VTTRegion", "title": "VTTRegion"}, {"id": "Tutorial_on_how_to_write_a_WebVTT_file", "title": "Tutorial on how to write a WebVTT file"}, {"id": "CSS_Pseudo-classes", "title": "CSS Pseudo-classes"}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}], "slug": "Web/API/Web_Video_Text_Tracks_Format", "review_tags": []}