Plyr: Captions on hls.js

[Mr-Black-Dahlia]

I noticed that plyr supports hls.js. This is great! Now looking at hls.js I see that they support 608 captioning.

I run a deaf video platform and we are looking for a open source video player to get out of using JW.

Anyone have any guidance on how to use the caption features from hls.js with plyr? On the actual hls.js example it loads and plays the captions automatically for my stream.

I see the example here: https://codepen.io/sampotts/pen/JKEMqB But don't see how to add captions in.

[friday]

You can add vtt captions as html5 tracks (which hls.js ignores) for Plyr. That's your only option for now.

[sampotts]

How do you normally set the captions with a HLS stream? We could easily add a setter to set the captions but I'm unfamiliar with the format they are usually set using HLS.

[Mr-Black-Dahlia]

We have always used 608 for live streaming so it works on any device. It also has it built in to the video itself so we don’t have to worry about a sidecar file.

It’s also what’s protected currently from the ADA.

We use wowza. So you’re saying we can send vtt captions inside an live hls stream?

For on demand files we can easily load a side VTT. But using one for a live stream escapes me. So we have always relied on 608.

[friday]

Plyr v3.3.10 solves most of this.

Hls.js still has some issues on their side. We can avoid some of the worst now since we no longer have to trust their events.

(I removed my other posts since the information isn't valuable any more since fixing the main problems).

[friday]

Closing in favor of #994

[Mr-Black-Dahlia]

<3