Add auto-generated caption support for accessibility.

[varphi-online]

Youtube automatically generates a coarse timestamped transcript accessible to users, and using:

Array.from(document.querySelectorAll('ytd-transcript-segment-renderer')).map($el => (`${($el.querySelectorAll(".segment-timestamp")[0].textContent.trim()).split(":").reduce((acc, val) => acc * 60 + Number(val), 0) * 1000}, "${$el.querySelector('yt-formatted-string').textContent.trim().replaceAll("\n","")}"`)).join("\n")

In the developer console while the transcript box is open outputs a CSV string formatted as such:

0, "so look at this beautiful freaking"
3000, "Diagnostics look at this I really like"
5000, "them somebody asked in the chat can you"
7000, "explain how this entire thing work to"
10000, "explain how it works I think we need to"
11000, "create a separate file it's an"
13000, "interesting question right so not"
14000, "everybody knows that and finally enough"
16000, "as far as I know the format system of I"
19000, "think rust kind of inherited similar"
...

I would love to see this somehow added as an optional file passed in / config options to display both the chat as well AND the CC for accessibility sake, possibly as a small box below or above the chat itself with an optional prefix like so:

[Kam1k4dze]

I'll add this in the next version. IDK when it'll be out - I'm planning a big GUI rewrite because I don't like some of the current decisions. The new version probably gonna drop in July.