Activate Subtitles

[jb-alvarado]

Hello everybody,

I would like to activate a subtitle with JS when user switch a theme.

My HLS playlist has this content:

#EXTM3U
#EXT-X-VERSION:3
#EXT-X-MEDIA:TYPE=SUBTITLES,GROUP-ID="subtitle",NAME="Deutsch",DEFAULT=NO,LANGUAGE="de-DE",URI="720p_vtt.m3u8"
#EXT-X-STREAM-INF:BANDWIDTH=2780800,RESOLUTION=1280x720,CODECS="avc1.64001f,mp4a.40.2",SUBTITLES="subtitle"
720p.m3u8

#EXT-X-STREAM-INF:BANDWIDTH=1460800,RESOLUTION=854x480,CODECS="avc1.64001e,mp4a.40.2",SUBTITLES="subtitle"
480p.m3u8

#EXT-X-STREAM-INF:BANDWIDTH=510400,RESOLUTION=426x240,CODECS="avc1.640015,mp4a.40.2",SUBTITLES="subtitle"
240p.m3u8

When I turn on/off the subtitle with the player control button, everything works normal. But not when I try the same with JS.

My JS code is this:

const tracks = player.textTracks()

for (let i = 0; i < tracks.length; i++) {
    const track = tracks[i]

    if (track.kind === 'subtitles' && track.language === 'de-DE') {
        track.mode = 'showing'
        player.controlBar.subsCapsButton.update()
    }
}

After running this code the subtitle menu in player shows the right language, but the subtitle it self is still off.
When I log the tracks it shows also that the cue list is empty. Only when I turn on the subtitle by hand the cue list has entries.

Another thing is also: when the JS code is executed, the subtitle buttons in the player doesn't work anymore.

Do you have any idea how to fix that?

[jb-alvarado]

When I add this function in onPlayerReady() it works.