title: How do I convert the WebVTT format to plain text?
body: <p>Here is a sample of WebVTT</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>WEBVTT
  Kind: captions
  Language: en
  Style:
  ::cue(c.colorCCCCCC) { color: rgb(204,204,204);
   }
  ::cue(c.colorE5E5E5) { color: rgb(229,229,229);
   }
  ##
  
  00:00:00.060 --&gt; 00:00:03.080 align:start position:0%
   
  &lt;c.colorE5E5E5&gt;okay&lt;00:00:00.690&gt;&lt;c&gt; so&lt;/c&gt;&lt;00:00:00.750&gt;&lt;c&gt; this&lt;/c&gt;&lt;00:00:01.319&gt;&lt;c&gt; is&lt;/c&gt;&lt;00:00:01.469&gt;&lt;c&gt; a&lt;/c&gt;&lt;/c&gt;&lt;c.colorCCCCCC&gt;&lt;00:00:01.500&gt;&lt;c&gt; newsflash&lt;/c&gt;&lt;00:00:02.040&gt;&lt;c&gt; page&lt;/c&gt;&lt;00:00:02.460&gt;&lt;c&gt; for&lt;/c&gt;&lt;/c&gt;
  
  00:00:03.080 --&gt; 00:00:03.090 align:start position:0%
  &lt;c.colorE5E5E5&gt;okay so this is a&lt;/c&gt;&lt;c.colorCCCCCC&gt; newsflash page for
   &lt;/c&gt;
  
  00:00:03.090 --&gt; 00:00:08.360 align:start position:0%
  &lt;c.colorE5E5E5&gt;okay so this is a&lt;/c&gt;&lt;c.colorCCCCCC&gt; newsflash page for&lt;/c&gt;
  &lt;c.colorE5E5E5&gt;Meraki&lt;00:00:03.659&gt;&lt;c&gt; printing&lt;/c&gt;&lt;00:00:05.120&gt;&lt;c&gt; so&lt;/c&gt;&lt;00:00:06.529&gt;&lt;c&gt; all&lt;/c&gt;&lt;00:00:07.529&gt;&lt;c&gt; we&lt;/c&gt;&lt;00:00:08.040&gt;&lt;c&gt; need&lt;/c&gt;&lt;00:00:08.130&gt;&lt;c&gt; to&lt;/c&gt;&lt;00:00:08.189&gt;&lt;c&gt; do&lt;/c&gt;&lt;/c&gt;
  
  00:00:08.360 --&gt; 00:00:08.370 align:start position:0%
  &lt;c.colorE5E5E5&gt;Meraki printing so all we need to do
   &lt;/c&gt;
  
  00:00:08.370 --&gt; 00:00:11.749 align:start position:0%
  &lt;c.colorE5E5E5&gt;Meraki printing so all we need to do
  here&lt;00:00:08.700&gt;&lt;c&gt; is&lt;/c&gt;&lt;00:00:08.820&gt;&lt;c&gt; to&lt;/c&gt;&lt;00:00:09.000&gt;&lt;c&gt; swap&lt;/c&gt;&lt;00:00:09.330&gt;&lt;c&gt; out&lt;/c&gt;&lt;00:00:09.480&gt;&lt;c&gt; the&lt;/c&gt;&lt;00:00:09.660&gt;&lt;c&gt; logo&lt;/c&gt;&lt;00:00:09.929&gt;&lt;c&gt; here&lt;/c&gt;&lt;00:00:10.650&gt;&lt;c&gt; and&lt;/c&gt;&lt;00:00:10.830&gt;&lt;c&gt; I&lt;/c&gt;&lt;/c&gt;
  
  00:00:11.749 --&gt; 00:00:11.759 align:start position:0%
  here is to swap out the logo here&lt;c.colorE5E5E5&gt; and I
   &lt;/c&gt;
  
  00:00:11.759 --&gt; 00:00:16.400 align:start position:0%
  here is to swap out the logo here&lt;c.colorE5E5E5&gt; and I
  should&lt;00:00:11.969&gt;&lt;c&gt; also&lt;/c&gt;&lt;00:00:12.120&gt;&lt;c&gt; work&lt;/c&gt;&lt;00:00:12.420&gt;&lt;c&gt; on&lt;/c&gt;&lt;00:00:12.630&gt;&lt;c&gt; move&lt;/c&gt;&lt;00:00:12.840&gt;&lt;c&gt; out&lt;/c&gt;&lt;00:00:13.049&gt;&lt;c&gt; as&lt;/c&gt;&lt;00:00:13.230&gt;&lt;c&gt; well&lt;/c&gt;&lt;00:00:15.410&gt;&lt;c&gt; and&lt;/c&gt;&lt;/c&gt;
  
  00:00:16.400 --&gt; 00:00:16.410 align:start position:0%
  &lt;c.colorE5E5E5&gt;should also work on move out as well and
   &lt;/c&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I used <a href="https://github.com/rg3/youtube-dl" rel="noreferrer">youtube-dl</a> to grab it from YouTube.</p>
  
  <p>I want to convert this to plain text. I can't just strip out the times and colour tags as the text repeats itself .</p>
  
  <p>So I'm wondering if something exists to convert this to plain text or if there is some pseudo code someone could offer so I could code that up?</p>
  
  <p>I have also posted an issue about this with <a href="https://github.com/rg3/youtube-dl/issues/17178" rel="noreferrer">youtube-dl</a>.</p>