How to add subtitles from a external source in HTML5?

Question

I'm trying to add subtitles from an external source in a video html but I can't. I'm using the WebTorrent Technology, so, I'm streaming video torrents in my Browser and the <track> tag not works for me. Here's the code that I use: https://plnkr.co/edit/31RZSBETaAQgnCgZgKUt?p=preview
The code for subtitles it's this:

file.appendTo('body'); var video = document.querySelector("video"); var track = video.addTextTrack("subtitles", "prompt", "en"); track.mode = "showing"; });

Thanks, i hope that you can help me!

Function shows as not supported in any browser haven't seen this one so can't really speak to it: w3schools.com/tags/av_met_addtexttrack.asp — shaunhusain
– shaunhusain, Commented Jan 11, 2018 at 6:46
Oh no, it´s not a issue with the code at linked plnkr. It's just that I want to add subtitles from an external source, and I don't know how to do it — NuzzeSicK
– NuzzeSicK, Commented Jan 11, 2018 at 6:59
Can you describe "doesn't works"? Have you created and linked to a corresponding .vtt file? — guest271314
– guest271314, Commented Jan 11, 2018 at 6:59

guest271314 · Accepted Answer · 2018-01-11 07:19:34Z

You can create or include a <track> element within HTML as a child of parent <video> element with default property set to true, src to to .vtt file, kind set to "subtitles", mode set to "showing", label set to "Español", and srclang set to "es"

 file.appendTo('body'); var video = document.querySelector("video"); var track = document.createElement("track"); track.mode = "showing"; track.label = "Español"; track.kind = "subtitles"; track.srclang = "es"; track.src = "subs.vtt"; track.default = true; video.appendChild(track);

plnkr https://plnkr.co/edit/9MpJNHTB08RP6Lz3tvEb?p=preview

Collectives™ on Stack Overflow

How to add subtitles from a external source in HTML5?

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related