hls.js icon indicating copy to clipboard operation
hls.js copied to clipboard
verified publisher icon video-dev

IMSC subtitles default formatting looks off

Open erankor opened this issue 3 years ago • 1 comments

What version of Hls.js are you using?

v1.2.3-0.canary.8610

What browser (including version) are you using?

Chrome 105.0.5195.127

What OS (including version) are you using?

Windows 10

Test stream

https://vod-pg.kaltura.com/imsc-subs/master.m3u8

Configuration

{
  "debug": true,
  "enableWorker": true,
  "lowLatencyMode": true,
  "backBufferLength": 90
}

Additional player setup steps

No response

Checklist

  • [X] The issue observed is not already reported by searching on Github under https://github.com/video-dev/hls.js/issues
  • [X] The issue occurs in the stable client (latest release) on https://hls-js.netlify.com/demo and not just on my page
  • [X] The issue occurs in the latest client (main branch) on https://hls-js-dev.netlify.com/demo and not just on my page
  • [X] The stream has correct Access-Control-Allow-Origin headers (CORS)
  • [X] There are no network errors such as 404s in the browser console when trying to play the stream

Steps to reproduce

Play the stream, choose one of the subtitle tracks (English/Spanish)

Expected behaviour

The subtitle lines would appear centered and use the full width of the player

What actually happened?

The subtitles are aligned to the left side and use less than 1/4 of the width.

A few more points -

  1. The subtitles in this stream do not use any styling/position tags in TTML
  2. The issue is only present when using IMSC - the formatting of WebVTT subtitles looks good
  3. The subtitles are shown correctly on iPhone

Console output

732dae029707180037df9c80daaca6a68a765e50.js:1 Using Hls.js config: Object
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] >
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > stopLoad
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > loadSource:https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Trigger BUFFER_RESET
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > attachMedia
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [buffer-controller]: Media source opened
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: STOPPED->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [level-controller]: manifest loaded, 5 level(s) found, first bitrate: 2149280
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > 1 bufferCodec event(s) expected
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > startLoad(-1)
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [level-controller]: switching to level 3 from -1
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [level-controller]: Attempt loading level index 3 with URL-id 0 https://test-streams.mux.dev/x36xhzz/url_0/193039199_mp4_h264_aac_hd_7.m3u8
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: STOPPED->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: IDLE->STOPPED
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: STOPPED->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Level 3 loaded [0,63], cc [0, 0] duration:634.584
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [buffer-controller]: Updating Media Source duration to 634.584
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Loading fragment 0 cc: 0 of [0-63] level: 3, target: 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: IDLE->FRAG_LOADING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > demuxing in webworker
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [transmuxer-interface, main]: Starting new transmux session for sn: 0 p: -1 level: 3 id: 1
        discontinuity: true
        trackSwitch: true
        contiguous: false
        accurateTimeOffset: true
        timeOffset: 0
        initSegmentChange: true
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Loaded fragment 0 of level 3
blob:https://hls-js-dev.netlify.app/1e3be01d-d0d7-4242-a3ec-044d71ca09b1:1 [log] >
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [mp4-remuxer]: ISGenerated flag reset
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [mp4-remuxer]: initPTS & initDTS reset
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > manifest codec:mp4a.40.2, ADTS type:2, samplingIndex:4
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > parsed codec:mp4a.40.5, rate:44100, channels:2
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: FRAG_LOADING->PARSING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Init audio buffer, container:audio/mp4, codecs[selected/level/parsed]=[mp4a.40.2/mp4a.40.2/mp4a.40.5]
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Init video buffer, container:video/mp4, codecs[level/parsed]=[avc1.64001f/avc1.64001f]
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [buffer-controller]: creating sourceBuffer(audio/mp4;codecs=mp4a.40.2)
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [buffer-controller]: creating sourceBuffer(video/mp4;codecs=avc1.64001f)
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [audio-stream-controller]: InitPTS for cc: 0 found from main: 900909
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [transmuxer.ts]: Flushed fragment 0 of level 3
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: PARSING->PARSED
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Buffered main sn: 0 of level 3 [0.023,10.008]
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: PARSED->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [level-controller]: switching to level 4 from 3
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [level-controller]: Attempt loading level index 4 with URL-id 0 https://test-streams.mux.dev/x36xhzz/url_8/193039199_mp4_h264_aac_fhd_7.m3u8
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: IDLE->WAITING_LEVEL
favicon.ico:1          GET https://hls-js-dev.netlify.app/favicon.ico 404 (Not Found)
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Level 4 loaded [0,63], cc [0, 0] duration:634.567
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: WAITING_LEVEL->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Loading fragment 1 cc: 0 of [0-63] level: 4, target: 10.008
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: IDLE->FRAG_LOADING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [transmuxer-interface, main]: Starting new transmux session for sn: 1 p: -1 level: 4 id: 1
        discontinuity: false
        trackSwitch: true
        contiguous: false
        accurateTimeOffset: true
        timeOffset: 10
        initSegmentChange: false
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Loaded fragment 1 of level 4
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [mp4-remuxer]: ISGenerated flag reset
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [mp4-remuxer]: reset next timestamp
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [mp4-remuxer]: ISGenerated flag reset
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [mp4-remuxer]: initPTS & initDTS reset
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > manifest codec:mp4a.40.2, ADTS type:2, samplingIndex:4
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > parsed codec:mp4a.40.5, rate:44100, channels:2
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: FRAG_LOADING->PARSING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Init audio buffer, container:audio/mp4, codecs[selected/level/parsed]=[mp4a.40.2/mp4a.40.2/mp4a.40.5]
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Init video buffer, container:video/mp4, codecs[level/parsed]=[avc1.640028/avc1.640028]
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [transmuxer.ts]: Flushed fragment 1 of level 4
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: PARSING->PARSED
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Buffered main sn: 1 of level 4 [0.023,19.992]
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: PARSED->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Loading fragment 2 cc: 0 of [0-63] level: 4, target: 19.992
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: IDLE->FRAG_LOADING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > destroy
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > detachMedia
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [buffer-controller]: media source detaching
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: FRAG_LOADING->STOPPED
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: IDLE->STOPPED
732dae029707180037df9c80daaca6a68a765e50.js:1 Using Hls.js config: {debug: true, enableWorker: true, lowLatencyMode: true, backBufferLength: 90}
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] >
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > stopLoad
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > loadSource:https://vod-pg.kaltura.com/imsc-subs/master.m3u8
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Trigger BUFFER_RESET
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > attachMedia
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [buffer-controller]: Media source opened
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: STOPPED->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [level-controller]: manifest loaded, 1 level(s) found, first bitrate: 485370
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > 1 bufferCodec event(s) expected
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > startLoad(-1)
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [level-controller]: switching to level 0 from -1
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-track-controller]: Updating subtitle tracks, 2 track(s) found in "sub14" group-id
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [level-controller]: Attempt loading level index 0 with URL-id 0 https://vod-pg.kaltura.com/imsc-subs/index-svar1.m3u8
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: STOPPED->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: IDLE->STOPPED
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: STOPPED->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Level 0 loaded [0,7], cc [0, 0] duration:29.98
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [buffer-controller]: Updating Media Source duration to 29.980
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Loading fragment initSegment cc: 0 level: 0, target: 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: IDLE->FRAG_LOADING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: FRAG_LOADING->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Buffered main sn: initSegment of level 0 
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Loading fragment 0 cc: 0 of [0-7] level: 0, target: 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: IDLE->FRAG_LOADING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > demuxing in webworker
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [transmuxer-interface, main]: Starting new transmux session for sn: 0 p: -1 level: 0 id: 1
        discontinuity: true
        trackSwitch: true
        contiguous: false
        accurateTimeOffset: true
        timeOffset: 0
        initSegmentChange: true
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Loaded fragment 0 of level 0
ffca891a-8b34-40b6-8be9-3a6e6a983805:1 [log] >
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: FRAG_LOADING->PARSING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Init audiovideo buffer, container:video/mp4, codecs[level/parsed]=[avc1.42c01e,mp4a.40.2,stpp.ttml.im1t/mp4a.40.2,avc1.42c01e]
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [buffer-controller]: creating sourceBuffer(video/mp4;codecs=mp4a.40.2,avc1.42c01e)
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [audio-stream-controller]: InitPTS for cc: 0 found from main: 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [transmuxer.ts]: Flushed fragment 0 of level 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: PARSING->PARSED
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Buffered main sn: 0 of level 0 [0.000,4.017]
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: PARSED->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Loading fragment 1 cc: 0 of [0-7] level: 0, target: 4.017
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: IDLE->FRAG_LOADING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Loaded fragment 1 of level 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: FRAG_LOADING->PARSING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [transmuxer.ts]: Flushed fragment 1 of level 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: PARSING->PARSED
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Buffered main sn: 1 of level 0 [0.000,8.011]
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: PARSED->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Loading fragment 2 cc: 0 of [0-7] level: 0, target: 8.017
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: IDLE->FRAG_LOADING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Loaded fragment 2 of level 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: FRAG_LOADING->PARSING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [transmuxer.ts]: Flushed fragment 2 of level 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: PARSING->PARSED
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Buffered main sn: 2 of level 0 [0.000,12.005]
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: PARSED->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Loading fragment 3 cc: 0 of [0-7] level: 0, target: 12.011
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: IDLE->FRAG_LOADING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Loaded fragment 3 of level 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: FRAG_LOADING->PARSING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [transmuxer.ts]: Flushed fragment 3 of level 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: PARSING->PARSED
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Buffered main sn: 3 of level 0 [0.000,15.999]
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: PARSED->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Loading fragment 4 cc: 0 of [0-7] level: 0, target: 16.005
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: IDLE->FRAG_LOADING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Loaded fragment 4 of level 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: FRAG_LOADING->PARSING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [transmuxer.ts]: Flushed fragment 4 of level 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: PARSING->PARSED
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Buffered main sn: 4 of level 0 [0.000,20.016]
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: PARSED->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Loading fragment 5 cc: 0 of [0-7] level: 0, target: 20.016
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: IDLE->FRAG_LOADING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Loaded fragment 5 of level 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: FRAG_LOADING->PARSING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [transmuxer.ts]: Flushed fragment 5 of level 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: PARSING->PARSED
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Buffered main sn: 5 of level 0 [0.000,24.009]
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: PARSED->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Loading fragment 6 cc: 0 of [0-7] level: 0, target: 24.016
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: IDLE->FRAG_LOADING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Loaded fragment 6 of level 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: FRAG_LOADING->PARSING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [transmuxer.ts]: Flushed fragment 6 of level 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: PARSING->PARSED
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Buffered main sn: 6 of level 0 [0.000,28.003]
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: PARSED->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Loading fragment 7 cc: 0 of [0-7] level: 0, target: 28.009
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: IDLE->FRAG_LOADING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Loaded fragment 7 of level 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: FRAG_LOADING->PARSING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [transmuxer.ts]: Flushed fragment 7 of level 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: PARSING->PARSED
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: Buffered main sn: 7 of level 0 [0.000,30.000]
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: PARSED->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [buffer-controller]: audiovideo sourceBuffer now EOS
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [stream-controller]: IDLE->ENDED
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [buffer-controller]: Media source ended
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-track-controller]: Switching to subtitle track 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-track-controller]: Loading subtitle playlist for id 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-track-controller]: subtitle track 0 loaded [0-7]
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: Loading fragment initSegment cc: 0 track: 0, target: 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: IDLE->FRAG_LOADING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: FRAG_LOADING->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: Loading fragment 0 cc: 0 of [0-7] track: 0, target: 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: IDLE->FRAG_LOADING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: Loaded fragment 0 of level 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: FRAG_LOADING->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: Loading fragment 1 cc: 0 of [0-7] track: 0, target: 3.983
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: IDLE->FRAG_LOADING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: Loaded fragment 1 of level 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: FRAG_LOADING->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: Loading fragment 2 cc: 0 of [0-7] track: 0, target: 7.983
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: IDLE->FRAG_LOADING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: Loaded fragment 2 of level 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: FRAG_LOADING->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: Loading fragment 3 cc: 0 of [0-7] track: 0, target: 11.983
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: IDLE->FRAG_LOADING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: Loaded fragment 3 of level 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: FRAG_LOADING->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: Loading fragment 4 cc: 0 of [0-7] track: 0, target: 15.983
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: IDLE->FRAG_LOADING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: Loaded fragment 4 of level 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: FRAG_LOADING->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: Loading fragment 5 cc: 0 of [0-7] track: 0, target: 19.983
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: IDLE->FRAG_LOADING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: Loaded fragment 5 of level 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: FRAG_LOADING->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: Loading fragment 6 cc: 0 of [0-7] track: 0, target: 23.983
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: IDLE->FRAG_LOADING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: Loaded fragment 6 of level 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: FRAG_LOADING->IDLE
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: Loading fragment 7 cc: 0 of [0-7] track: 0, target: 27.983
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: IDLE->FRAG_LOADING
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: Loaded fragment 7 of level 0
732dae029707180037df9c80daaca6a68a765e50.js:1 [log] > [subtitle-stream-controller]: FRAG_LOADING->IDLE

Chrome media internals output

No response

erankor avatar Sep 20 '22 07:09 erankor

The reason for this display of subtitles https://github.com/video-dev/hls.js/blob/19453b8c8cfa77b8a2a869cbea7ead97258b69e6/src/utils/imsc1-ttml-parser.ts#L107-L110

mtoczko avatar Sep 20 '22 11:09 mtoczko