DEV Community

Discussion on: Get Started with HTML Video Captions

Collapse
 
rentecjeremy profile image
Jeremy Smith

Great post! Thank you for sharing 😄

WebVTT is pretty awesome.
I had been working with a client who was embedding captions into their videos and was pretty excited when I showed them webVTT.

One of the things that we needed to do was differente between two different speakers. WebVTT has support for that. As well as positioning the captions in different areas of the screen.

00:00:21.150 --> 00:00:30.000 line:13 position: 20% align:middle size:100%
<v Nancy> Let's talk about WebVTT
caption support.

00:00:30.001 --> 00:00:30.885 line:13 position: 80% align:middle size:100%
<v John> Yes, I'd like to hear more
about that.

There's a W3 Candidate Recommendation here that could also be helpful in learning more about WebVTT.

Thanks again!