Modern video sites support a specification known as “VTT”, which is a fairly rich format for listing video subtitles. This gives you timings of each segment of text, as well as the ability to highlight words in each segment.<\/p>\n
Unfortunately this spec is horribly complex, and there are very few utilities you can run that aren’t browser oriented. If you want to write a command line application to parse out the text, it is quite painful.<\/p>\n
\n00:00:00.320 --> 00:00:01.740 align:start position:0%\n \nthanks<00:00:00.510> for<\/c><00:00:00.599> joining<\/c><00:00:00.930> me<\/c><00:00:01.510> are<\/c><00:00:01.740> my<\/c><\/c>\n\n00:00:01.740 --> 00:00:01.910 align:start position:0%\nthanks for joining me are my\n <\/c>\n\n00:00:01.910 --> 00:00:03.189 align:start position:0%\nthanks for joining me are my<\/c>\nname<00:00:02.090> is<\/c><\/c><00:00:02.620> Richard<\/c><00:00:02.929> King<\/c><00:00:03.189> in<\/c><\/c>\n\n00:00:03.189 --> 00:00:03.580 align:start position:0%\nname is<\/c> Richard King in\n <\/c>\n<\/pre>\nAs you can see, there are several issues with subtitles: once you allow the UI to highlight words as they are spoken, the text must be replicated. Tools that consume transcripts must de-duplicate overlapping words. Second, there are no breaks for when sentences end, and since this is automatically generated by youtube, every “um” is transcribed.<\/p>\n
We can make this much easier with an older format, SRT.<\/p>\n
The SRT format looks like this:<\/p>\n
\n1\n00:00:00,320 --> 00:00:03,579\nthanks for joining me are my name is\nRichard King in\n\n2\n00:00:03,580 --> 00:00:06,939\nI'm a visual journalist at at 5:38\n<\/pre>\nThis is at least something that can be parsed in a tolerable fashion. I expect in the future that VTT libraries will improve, as it is the up-and-coming browser standard for subtitles, but if you just want to get transcripts now, the easiest way to do this is to get an SRT file, and parse it like so:<\/p>\n
\nfunction parseSrt(text) {\n let lines = text.split(\"\\n\");\n let matchBreak = \/\\d\\d:\\d\\d:\\d\\d,\\d\\d\\d --> \\d\\d:\\d\\d:\\d\\d,\\d\\d\\d\/i;\n let transcript = \"\";\n for (let i: number = 0; i < lines.length; i++) {\n let line = lines[i];\n console.log(line);\n\n if (!line.match(matchBreak)) {\n transcript += ' ' + line;\n }\n }\n\n return transcript.replace(\/\\s+\/ig, ' ');\n}\n<\/pre>\nA great tool I found to help with this is Google2SRT1<\/a><\/sup>.<\/p>\n