From 980fe00a74a9ad013b945755415ace2e5429c3c2 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Wed, 27 Oct 2021 02:31:24 +0300 Subject: [RU] Remove notranslate (#2874) --- files/ru/web/api/webvtt_api/index.html | 68 +++++++++++++++++----------------- 1 file changed, 34 insertions(+), 34 deletions(-) (limited to 'files/ru/web/api/webvtt_api') diff --git a/files/ru/web/api/webvtt_api/index.html b/files/ru/web/api/webvtt_api/index.html index 9bd0e2eead..2c7869eec6 100644 --- a/files/ru/web/api/webvtt_api/index.html +++ b/files/ru/web/api/webvtt_api/index.html @@ -13,7 +13,7 @@ translation_of: Web/API/WebVTT_API

Файл WebVTT (.vtt) содержит реплики (cues), которые могут быть одной строкой или несколькими строками, как показано ниже:

-
WEBVTT
+
WEBVTT
 
 00:01.000 --> 00:04.000
 Никогда не пейте жидкий азот.
@@ -44,17 +44,17 @@ translation_of: Web/API/WebVTT_API
 
 
Пример 1 - Простейший возможный файл WEBVTT

 
-
WEBVTT
+
WEBVTT
 

 
 
Пример 2 - Очень простой файл WebVTT с текстовым заголовком

 
-
WEBVTT - Этот файл не содержит реплик.
+
WEBVTT - Этот файл не содержит реплик.
 

 
 
Пример 3 - Обычный WebVTT с заголовком и репликами

 
-
WEBVTT - Этот файл содержит реплики.
+
WEBVTT - Этот файл содержит реплики.
 
 14
 00:01:14.815 --> 00:01:18.114
@@ -75,7 +75,7 @@ translation_of: Web/API/WebVTT_API
 
 
Давайте вернёмся к одному из наших предыдущих примеров и рассмотрим структуру реплик более подробно.

 
-
WEBVTT
+
WEBVTT
 
 00:01.000 --> 00:04.000
 - Never drink liquid nitrogen.
@@ -115,12 +115,12 @@ NOTE Это последняя строка в файле

 
 
Example 4 - Common WebVTT example

 
-
NOTE This is a comment
+
NOTE This is a comment
 

 
 
Example 5 - Multi-line comment

 
-
NOTE
+
NOTE
 Another comment that is spanning
 more than one line.
 
@@ -130,7 +130,7 @@ across more than one line this way.
 
 
Example 6 - Common comment usage

 
-
WEBVTT - Translation of that film I like
+
WEBVTT - Translation of that film I like
 
 NOTE
 This translation was done by Kyle so that
@@ -159,7 +159,7 @@ NOTE This last line may not translate well.
 
 
В CSS-стилях сайта

 
-
video::cue {
+
video::cue {
   background-image: linear-gradient(to bottom, dimgray, lightgray);
   color: papayawhip;
 }
@@ -173,7 +173,7 @@ video::cue(b) {
 
 
Фрагмент HTML, приведённый ниже, отображает видео.

 
-
<video controls autoplay src="video.webm">
+
<video controls autoplay src="video.webm">
  <track default src="track.vtt">
 </video>
 

@@ -182,7 +182,7 @@ video::cue(b) {
 
 
You can also define the style directly in the WebVTT file. In this case, you insert your CSS rules into the file with each rule preceded by the string "STYLE" all by itelf on a line of text, as shown below:

 
-
WEBVTT
+
WEBVTT
 
 STYLE
 ::cue {
@@ -205,7 +205,7 @@ NOTE style blocks cannot appear after the first cue.

 
 
We can also use identifiers inside WebVTT file, which can be used for defining a new style for some particular cues in the file. The example where we wanted the transcription text to be red highlighted and the other part to remain normal, we can define it as follows using CSS. Where it must be noted that the CSS uses escape sequences the way they are used in HTML pages:

 
-
WEBVTT
+
WEBVTT
 
 1
 00:00.000 --> 00:02.000
@@ -216,12 +216,12 @@ crédit de transcription
 Transcrit par Célestes™
 

 
-
::cue(#\31) { color: lime; }
+
::cue(#\31) { color: lime; }
 ::cue(#crédit\ de\ transcription) { color: red; }

 
 
Positioning of text tracks is also supported, by including positioning information after the timings in a cue, as seen below (see {{anch("Cue settings")}} for more information):

 
-
WEBVTT
+
WEBVTT
 
 00:00:00.000 --> 00:00:04.000 position:10%,line-left align:left size:35%
 Where did he go?
@@ -246,7 +246,7 @@ What are you waiting for?

 
 
Example 7 - Example of a cue

 
-
1 - Title Crawl
+
1 - Title Crawl
 00:00:05.000 --> 00:00:10.000 line:0 position:20% size:60% align:start
 Some time ago in a place rather distant....

 
@@ -256,11 +256,11 @@ Some time ago in a place rather distant....

 
 
Example 8 - Cue identifier from Example 7

 
-
1 - Title Crawl

+
1 - Title Crawl

 
 
Example 9 - Common usage of identifiers

 
-
WEBVTT
+
WEBVTT
 
 1
 00:00:22.230 --> 00:00:24.606
@@ -331,20 +331,20 @@ Third
 
 
Example 10 - Basic cue timing examples

 
-
00:22.230 --> 00:24.606
+
00:22.230 --> 00:24.606
 00:30.739 --> 00:00:34.074
 00:00:34.159 --> 00:35.743
 00:00:35.827 --> 00:00:40.122

 
 
Example 11 - Overlapping cue timing examples

 
-
00:00:00.000 --> 00:00:10.000
+
00:00:00.000 --> 00:00:10.000
 00:00:05.000 --> 00:01:00.000
 00:00:30.000 --> 00:00:50.000

 
 
Example 12 - Non-overlapping cue timing examples

 
-
00:00:00.000 --> 00:00:10.000
+
00:00:00.000 --> 00:00:10.000
 00:00:10.000 --> 00:01:00.581
 00:01:00.581 --> 00:02:00.100
 00:02:01.000 --> 00:02:01.000

@@ -555,7 +555,7 @@ Third
 
 
The first line demonstrates no settings. The second line might be used to overlay text on a sign or label. The third line might be used for a title. The last line might be used for an Asian language.

 
-
00:00:05.000 --> 00:00:10.000
+
00:00:05.000 --> 00:00:10.000
 00:00:05.000 --> 00:00:10.000 line:63% position:72% align:start
 00:00:05.000 --> 00:00:10.000 line:0 position:20% size:60% align:start
 00:00:05.000 --> 00:00:10.000 vertical:rt line:-1 align:end
@@ -628,7 +628,7 @@ Third
   

   
Example 12 - Karaoke style text

 
-  
1
+  
1
 00:16.500 --> 00:18.500
 When the moon <00:17.500>hits your eye
 
@@ -656,7 +656,7 @@ That's <00:00:21.000>amore
   

   
Example 14 - Class tag

 
-  
<c.classname>text</c>

+  
<c.classname>text</c>

   

  
  
  • Italics tag (<i></i>)
@@ -667,7 +667,7 @@ That's <00:00:21.000>amore
   
    
   
    Example 15 - Italics tag
    
 
-  
    <i>text</i>
    
+  
    <i>text</i>
    
   
    
  
    • 
  
  • Bold tag (<b></b>)
@@ -678,7 +678,7 @@ That's <00:00:21.000>amore
   
    
   
    Example 16 - Bold tag
    
 
-  
    <b>text</b>
    
+  
    <b>text</b>
    
   
    
  
    • 
  
  • Underline tag (<u></u>)
@@ -689,7 +689,7 @@ That's <00:00:21.000>amore
   
    
   
    Example 17 - Underline tag
    
 
-  
    <u>text</u>
    
+  
    <u>text</u>
    
   
    
  
    • 
  
  • Ruby tag (<ruby></ruby>)
@@ -700,7 +700,7 @@ That's <00:00:21.000>amore
   
    
   
    Example 18 - Ruby tag
    
 
-  
    <ruby>WWW<rt>World Wide Web</rt>oui<rt>yes</rt></ruby>
    
+  
    <ruby>WWW<rt>World Wide Web</rt>oui<rt>yes</rt></ruby>
    
   
    
  
    • 
  
  • Ruby text tag (<rt></rt>)
@@ -711,7 +711,7 @@ That's <00:00:21.000>amore
   
    
   
    Example 19 - Ruby text tag
    
 
-  
    <ruby>WWW<rt>World Wide Web</rt>oui<rt>yes</rt></ruby>
    
+  
    <ruby>WWW<rt>World Wide Web</rt>oui<rt>yes</rt></ruby>
    
   
    
  
    • 
  
  • Voice tag (<v></v>)
@@ -722,7 +722,7 @@ That's <00:00:21.000>amore
   
    
   
    Example 20 - Voice tag
    
 
-  
    <v Bob>text</v>
    
+  
    <v Bob>text</v>
    
   
    
  
    • 
 
@@ -737,7 +737,7 @@ That's <00:00:21.000>amore
 
 
    Constructor is the first point for starting the Cue which is defined using the default constructor VTTCue(startTime, endTime, text) where starting time, ending time and text for cue can be adjusted. After that we can set the region for that particular cue to which this cue belongs using cue.region. Vertical, horizontal, line, lineAlign, Position, positionAlign, text, size and Align can be used to alter the cue and its formation, just like we can alter the objects form, shape and visibility in HTML using CSS. But the VTTCue interface is within the WebVTT provides the vast range of adjustment variables which can be used directly to alter the Cue. Following interface can be used to expose WebVTT cues in DOM API:
    
 
-
    enum AutoKeyword { "auto" };
+
    enum AutoKeyword { "auto" };
 enum DirectionSetting { "" /* horizontal */, "rl", "lr" };
 enum LineAlignSetting { "start", "center", "end" };
 enum PositionAlignSetting { "line-left", "center", "line-right", "auto" };
@@ -763,7 +763,7 @@ interface VTTCue : enum ScrollSetting { "" /* none */, "up" };
+
    enum ScrollSetting { "" /* none */, "up" };
 [Constructor]
 interface VTTRegion {
   attribute double width;
@@ -819,11 +819,11 @@ interface VTTRegion {
  
  • The first line of WebVTT is standardized similar in the way some other languages require you to put headers as the file starts to indicate the file type. One the very first line you have to write.
    • 
 
 
-
    WEBVTT
    
+
    WEBVTT
    
 
 
          3. Leave the second line blank, and on the third line the time for first cue is to be specified. For example, for a first cue starting at time 1 second and ending at 5 seconds, it is written as:
    
 
-
    00:01.000 --> 00:05.000
    
+
    00:01.000 --> 00:05.000
    
 
 
      
  
    1. On the next line you can write the caption for this cue which will run from 1st second to the 5th second, inclusive.
      2. 
@@ -836,7 +836,7 @@ interface VTTRegion {
 
 
      It is one of the good features supported by WebVTT is the localization and use of class elements which can be used in same way they are used in HTML and CSS to classify the style for particular type of objects, but here these are used for styling and classifying the Cues as shown below:
      
 
-
      WEBVTT
+
      WEBVTT
 
 04:02.500 --> 04:05.000
 J’ai commencé le basket à l'âge de 13, 14 ans
-- 
cgit v1.2.3-54-g00ecf