sampotts / plyr

A simple HTML5, YouTube and Vimeo player
https://plyr.io
MIT License
26.37k stars 2.92k forks source link

Proper WebVTT timing support #2214

Open Heath123 opened 3 years ago

Heath123 commented 3 years ago

WebVTT supports displaying captions with timings that display one word at a time, which YouTube auto-generated subtitles use:

00:00:02.159 --> 00:00:03.350 align:start position:0%
okay so i received this exciting email
which<00:00:02.399><c> reads</c><00:00:02.879><c> hello</c>

Plyr doesn't support this, instead doing this: image Here's an example from this video. What Plyr does now is sort of hard to read

Heath123 commented 3 years ago

The example above is Firefox, Chrome is similar but with an extra question mark image

Heath123 commented 3 years ago

OK, this is a ProcessingInstruction

Heath123 commented 3 years ago

I have this working now but in a really hacky way, I'll try to clean it up and PR it