Extracting subtitles from a <video> element in JS

README.md

Extracting subtitles from a <video> element in JS

While watching today's Apple Keynote I got the idea to statistically analyze

subtitles.js

// Select the <video> element in Chrome's inspector first
// If the subtitles don't change dynamically, use this function
var text = Array.from($0.textTracks[1].cues).map(c => c.text).join('\n')

// If the subtitles change dynamically, like in Apple's Keynotes, use this function
var text = Array.from($0.textTracks[1].cues).reduce((acc, c, index, cues) => {
	if(index == 0 || c.text.length >= cues[index - 1].text.length) return acc;
    return acc.concat([cues[index - 1].text.split("\n")[0].trim()]);
}, []).join(' ')