Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Duplicate closed captions displayed when resizing browser window #3390

Closed
3 tasks done
realigork opened this issue Jan 18, 2021 · 5 comments
Closed
3 tasks done

Duplicate closed captions displayed when resizing browser window #3390

realigork opened this issue Jan 18, 2021 · 5 comments
Labels
Bug Confirmed
Projects
Release Planning and Backlog
Milestone
1.0.0

Comments

@realigork
Copy link

What version of Hls.js are you using?

0.14.17 and can trace back to 0.14.0

What browser and OS are you using?

Chrome 87, Firefox 84 on MacOS Catalina 10.15.7 and Windows 10

Checklist

  • The issue observed is not already reported by searching on Github under https://github.com/video-dev/hls.js/issues
  • The stream has correct Access-Control-Allow-Origin headers (CORS)
  • There are no network errors such as 404s in the browser console when trying to play the stream

Steps to reproduce

On desktop

  1. Start playing a stream with closed captions embedded in playlist.m3u8
  2. Using mouse resize your browser to phone width, wait 2 seconds and then back to full width (might need couple of tries)
  3. Duplicated closed caption cues start appearing on screen for about 10 seconds

On mobile (can try using Chrome Galaxy S5 emulator)

  1. Start playing a stream with closed captions embedded in playlist.m3u8
  2. Change orientation to landscape and back to portrait OR from full screen enter picture-in-picture mode and then back to full screen
  3. Duplicated closed caption cues start appearing on screen for about 10 seconds

Screenshot 2021-01-15 at 15 43 13

Expected behavior

Video continues to play with no duplicated closed captions.

Actual behavior

Duplicate closed captions cues start appearing on screen for about 10 seconds and then they are removed and things get back to normal.

Console output

  1. The first line "Window Resize" is when I resized my browser back to full width
  2. On lines below you will notice "= = = = = DUPLICATE FOUND" which is my code to monitor for duplicate cues when they are displayed on screen
= = = = = = = = = = = = = = = = = WINDOW RESIZE = = = = = = = = = = = = = = = =
hls.js?61f9:21510 [log] > set autoLevelCapping:6
hls.js?61f9:21510 [log] > main stream-controller: IDLE->BUFFER_FLUSHING
hls.js?61f9:21510 [log] > flushBuffer,pos/start/end: 21573.383/0/21569.033
hls.js?61f9:21510 [log] > buffer flushed
hls.js?61f9:21510 [log] > flushBuffer,pos/start/end: 21573.383/0/21569.033
hls.js?61f9:21510 [log] > buffer flushed
hls.js?61f9:21510 [log] > main stream-controller: BUFFER_FLUSHING->IDLE
hls.js?61f9:21510 [log] > audio stream:PAUSED->IDLE
hls.js?61f9:21510 [log] > audio stream:IDLE->WAITING_TRACK
hls.js?61f9:21510 [log] > main stream-controller: IDLE->BUFFER_FLUSHING
hls.js?61f9:21510 [log] > flushBuffer,pos/start/end: 21573.383/21576.308/Infinity
hls.js?61f9:21510 [log] > sb remove video [21576.308,21601.457], of [21570.057,21601.457], pos:21573.382953
hls.js?61f9:21510 [log] > flushBuffer,pos/start/end: 21573.393/21576.308/Infinity
hls.js?61f9:21510 [log] > buffer flushed
hls.js?61f9:21510 [log] > flushBuffer,pos/start/end: 21573.393/21576.308/Infinity
hls.js?61f9:21510 [log] > sb remove audio [21576.308,21601.455333], of [21570.033,21601.455333], pos:21573.393416
hls.js?61f9:21510 [log] > flushBuffer,pos/start/end: 21573.394/21576.308/Infinity
hls.js?61f9:21510 [log] > buffer flushed
hls.js?61f9:21510 [log] > main stream-controller: BUFFER_FLUSHING->IDLE
hls.js?61f9:21510 [log] > audio stream:WAITING_TRACK->IDLE
hls.js?61f9:21510 [log] > audio stream:IDLE->WAITING_TRACK
hls.js?61f9:21510 [log] > Loading 5521176 of [5517580-5521179], level 5, currentTime: 21573.486, bufferEnd: 21576.324
hls.js?61f9:21510 [log] > main stream-controller: IDLE->FRAG_LOADING
hls.js?61f9:21510 [log] > Loaded 5521176 of [5517580 ,5521179],level 5
hls.js?61f9:21510 [log] > Parsing 5521176 of [5517580 ,5521179],level 5, cc 0
hls.js?61f9:21510 [log] > main stream-controller: FRAG_LOADING->PARSING
hls.js?61f9:21510 [log] > main:switch detected
blob:http://localhos…e8-655061534eec:562 [log] > manifest codec:mp4a.40.2,ADTS data:type:2,sampleingIndex:3[48000Hz],channelConfig:2
blob:http://localhos…e8-655061534eec:562 [log] > parsed codec:mp4a.40.5,rate:48000,nb channel:2
blob:http://localhos…e8-655061534eec:562 [log] > audio sampling rate : 48000
hls.js?61f9:21510 [log] > main track:audio,container:audio/mp4,codecs[level/parsed]=[mp4a.40.2/mp4a.40.5]
hls.js?61f9:21510 [log] > main track:video,container:video/mp4,codecs[level/parsed]=[avc1.640029/avc1.640029]
hls.js?61f9:21510 [log] > Parsed audio,PTS:[21576.034,21582.050],DTS:[21576.034/21582.050],nb:282,dropped:0
hls.js?61f9:21510 [log] > Parsed video,PTS:[21576.057,21582.058],DTS:[21576.057/21582.058],nb:180,dropped:0
hls.js?61f9:21510 [log] > main stream-controller: PARSING->PARSED
hls.js?61f9:21510 [log] > main buffered : [21570.057,21582.050]
hls.js?61f9:21510 [log] > latency/loading/parsing/append/kbps:104/395/52/8/49933
hls.js?61f9:21510 [log] > main stream-controller: PARSED->IDLE
hls.js?61f9:21510 [log] > switching to level 6
hls.js?61f9:21510 [log] > main stream-controller: IDLE->WAITING_LEVEL
hls.js?61f9:21510 [log] > main stream-controller: WAITING_LEVEL->IDLE
hls.js?61f9:21510 [log] > live playlist, reload in 5888 ms
hls.js?61f9:21510 [log] > level 6 loaded [5517581,5521180],duration:21600
hls.js?61f9:21510 [log] > live playlist sliding:7.434
hls.js?61f9:21510 [log] > Updating Media Source duration to 21607.434
hls.js?61f9:21510 [log] > Loading 5521176 of [5517581-5521180], level 6, currentTime: 21574.165, bufferEnd: 21582.05
hls.js?61f9:21510 [log] > main stream-controller: IDLE->FRAG_LOADING
hls.js?61f9:21510 [log] > set autoLevelCapping:6
hls.js?61f9:21510 [log] > Loaded 5521176 of [5517581 ,5521180],level 6
hls.js?61f9:21510 [log] > Parsing 5521176 of [5517581 ,5521180],level 6, cc 0
hls.js?61f9:21510 [log] > main stream-controller: FRAG_LOADING->PARSING
hls.js?61f9:21510 [log] > main:switch detected
blob:http://localhos…e8-655061534eec:562 [log] > manifest codec:mp4a.40.2,ADTS data:type:2,sampleingIndex:3[48000Hz],channelConfig:2
blob:http://localhos…e8-655061534eec:562 [log] > parsed codec:mp4a.40.5,rate:48000,nb channel:2
blob:http://localhos…e8-655061534eec:562 [log] > audio sampling rate : 48000
hls.js?61f9:21510 [log] > main track:audio,container:audio/mp4,codecs[level/parsed]=[mp4a.40.2/mp4a.40.5]
hls.js?61f9:21510 [log] > main track:video,container:video/mp4,codecs[level/parsed]=[avc1.64002a/avc1.64002a]
blob:http://localhos…e8-655061534eec:562 [warn] > Injecting 1 audio frames @ 21577.434s due to 23 ms gap.
(anonymous) @ VM3 77a56122-d73a-4162-84e8-655061534eec:562
remuxAudio @ VM3 77a56122-d73a-4162-84e8-655061534eec:4349
remux @ VM3 77a56122-d73a-4162-84e8-655061534eec:3854
append @ VM3 77a56122-d73a-4162-84e8-655061534eec:2143
pushDecrypted @ VM3 77a56122-d73a-4162-84e8-655061534eec:4869
push @ VM3 77a56122-d73a-4162-84e8-655061534eec:4792
(anonymous) @ VM3 77a56122-d73a-4162-84e8-655061534eec:132
hls.js?61f9:21510 [log] > Parsed audio,PTS:[21577.434,21583.471],DTS:[21577.434/21583.471],nb:283,dropped:0
hls.js?61f9:21510 [log] > Parsed video,PTS:[21577.457,21583.457],DTS:[21577.390/21583.390],nb:180,dropped:0
hls.js?61f9:21510 [log] > main stream-controller: PARSING->PARSED
hls.js?61f9:21510 [log] > main buffered : [21570.057,21583.457]
hls.js?61f9:21510 [log] > latency/loading/parsing/append/kbps:23/388/47/17/59415
hls.js?61f9:21510 [log] > main stream-controller: PARSED->IDLE
hls.js?61f9:21510 [log] > Loading 5521177 of [5517581-5521180], level 6, currentTime: 21574.641, bufferEnd: 21583.457
hls.js?61f9:21510 [log] > main stream-controller: IDLE->FRAG_LOADING
hls.js?61f9:21510 [log] > Loaded 5521177 of [5517581 ,5521180],level 6
hls.js?61f9:21510 [log] > Parsing 5521177 of [5517581 ,5521180],level 6, cc 0
hls.js?61f9:21510 [log] > main stream-controller: FRAG_LOADING->PARSING
hls.js?61f9:21510 [log] > Parsed audio,PTS:[21583.471,21589.423],DTS:[21583.471/21589.423],nb:279,dropped:0
hls.js?61f9:21510 [log] > Parsed video,PTS:[21583.457,21589.457],DTS:[21583.390/21589.390],nb:180,dropped:0
hls.js?61f9:21510 [log] > main stream-controller: PARSING->PARSED
hls.js?61f9:21510 [log] > main buffered : [21570.057,21589.423]
hls.js?61f9:21510 [log] > latency/loading/parsing/append/kbps:23/374/48/9/59710
hls.js?61f9:21510 [log] > main stream-controller: PARSED->IDLE
hls.js?61f9:21510 [log] > Loading 5521178 of [5517581-5521180], level 6, currentTime: 21575.097, bufferEnd: 21589.423
hls.js?61f9:21510 [log] > main stream-controller: IDLE->FRAG_LOADING
hls.js?61f9:21510 [log] > set autoLevelCapping:6
hls.js?61f9:21510 [log] > Loaded 5521178 of [5517581 ,5521180],level 6
hls.js?61f9:21510 [log] > Parsing 5521178 of [5517581 ,5521180],level 6, cc 0
hls.js?61f9:21510 [log] > main stream-controller: FRAG_LOADING->PARSING
hls.js?61f9:21510 [log] > Parsed audio,PTS:[21589.423,21595.439],DTS:[21589.423/21595.439],nb:282,dropped:0
hls.js?61f9:21510 [log] > Parsed video,PTS:[21589.457,21595.457],DTS:[21589.390/21595.390],nb:180,dropped:0
hls.js?61f9:21510 [log] > main stream-controller: PARSING->PARSED
hls.js?61f9:21510 [log] > main buffered : [21570.057,21595.439]
hls.js?61f9:21510 [log] > latency/loading/parsing/append/kbps:23/453/48/9/61805
hls.js?61f9:21510 [log] > main stream-controller: PARSED->IDLE
hls.js?61f9:21510 [log] > Loading 5521179 of [5517581-5521180], level 6, currentTime: 21575.629, bufferEnd: 21595.439
hls.js?61f9:21510 [log] > main stream-controller: IDLE->FRAG_LOADING
hls.js?61f9:21510 [log] > Loaded 5521179 of [5517581 ,5521180],level 6
hls.js?61f9:21510 [log] > Parsing 5521179 of [5517581 ,5521180],level 6, cc 0
hls.js?61f9:21510 [log] > main stream-controller: FRAG_LOADING->PARSING
hls.js?61f9:21510 [log] > Parsed audio,PTS:[21595.439,21601.455],DTS:[21595.439/21601.455],nb:282,dropped:0
hls.js?61f9:21510 [log] > Parsed video,PTS:[21595.457,21601.457],DTS:[21595.390/21601.390],nb:180,dropped:0
hls.js?61f9:21510 [log] > main stream-controller: PARSING->PARSED
hls.js?61f9:21510 [log] > main buffered : [21570.057,21601.455]
hls.js?61f9:21510 [log] > latency/loading/parsing/append/kbps:21/516/61/18/57439
hls.js?61f9:21510 [log] > main stream-controller: PARSED->IDLE
hls.js?61f9:21510 [log] > Loading 5521180 of [5517581-5521180], level 6, currentTime: 21576.247, bufferEnd: 21601.455
hls.js?61f9:21510 [log] > main stream-controller: IDLE->FRAG_LOADING
hls.js?61f9:21510 [log] > set autoLevelCapping:6
HlsJsPlayerWrapper.ts?9af5:710 = = = = = DUPLICATE FOUND:  2 >> WE CAN SIT HERE FOR LIKE AN TextTrackCueList {0: VTTCue, 1: VTTCue, 2: VTTCue, 3: VTTCue, length: 4}
HlsJsPlayerWrapper.ts?9af5:710 = = = = = DUPLICATE FOUND:  3 >> WE CAN SIT HERE FOR LIKE AN TextTrackCueList {0: VTTCue, 1: VTTCue, 2: VTTCue, 3: VTTCue, length: 4}
hls.js?61f9:21510 [log] > Loaded 5521180 of [5517581 ,5521180],level 6
hls.js?61f9:21510 [log] > Parsing 5521180 of [5517581 ,5521180],level 6, cc 0
hls.js?61f9:21510 [log] > main stream-controller: FRAG_LOADING->PARSING
hls.js?61f9:21510 [log] > Parsed audio,PTS:[21601.455,21607.471],DTS:[21601.455/21607.471],nb:282,dropped:0
hls.js?61f9:21510 [log] > sb remove video [21570.057,21570.85307], of [21570.057,21601.457], pos:21576.85307
hls.js?61f9:21510 [log] > sb remove audio [21570.033,21570.85307], of [21570.033,21607.471333], pos:21576.85307
hls.js?61f9:21510 [log] > Parsed video,PTS:[21601.457,21607.457],DTS:[21601.390/21607.390],nb:180,dropped:0
hls.js?61f9:21510 [log] > main stream-controller: PARSING->PARSED
hls.js?61f9:21510 [log] > main buffered : [21572.057,21601.457]
hls.js?61f9:21510 [log] > latency/loading/parsing/append/kbps:28/534/53/4/61177
hls.js?61f9:21510 [log] > main stream-controller: PARSED->IDLE
HlsJsPlayerWrapper.ts?9af5:710 = = = = = DUPLICATE FOUND:  1 >> WE CAN SIT HERE FOR LIKE AN TextTrackCueList {0: VTTCue, 1: VTTCue, 2: VTTCue, 3: VTTCue, 4: VTTCue, length: 5}
HlsJsPlayerWrapper.ts?9af5:710 = = = = = DUPLICATE FOUND:  2 HOUR. TextTrackCueList {0: VTTCue, 1: VTTCue, 2: VTTCue, 3: VTTCue, 4: VTTCue, length: 5}
HlsJsPlayerWrapper.ts?9af5:710 = = = = = DUPLICATE FOUND:  3 >> WE CAN SIT HERE FOR LIKE AN TextTrackCueList {0: VTTCue, 1: VTTCue, 2: VTTCue, 3: VTTCue, 4: VTTCue, length: 5}
HlsJsPlayerWrapper.ts?9af5:710 = = = = = DUPLICATE FOUND:  4 HOUR. TextTrackCueList {0: VTTCue, 1: VTTCue, 2: VTTCue, 3: VTTCue, 4: VTTCue, length: 5}
hls.js?61f9:21510 [log] > set autoLevelCapping:6
VM6421:1 POST https://api.sail-track.com/v1/track/heartbeat 400
(anonymous) @ VM6421:1
(anonymous) @ fetchUtil.js?01d9:21
t @ _export.js?ece2:35
fetchWithTimeout @ fetchUtil.js?01d9:11
n @ track.js?8908:45
heartbeat @ track.js?8908:192
a @ heartbeat.js?6626:39
(anonymous) @ heartbeat.js?6626:65
setInterval (async)
u @ heartbeat.js?6626:59
l @ heartbeat.js?6626:76
d @ heartbeat.js?6626:111
(anonymous) @ spm.js?fbcf:114
Promise.then (async)
init @ spm.js?fbcf:112
init @ sailthru.ts?f903:68
App.initSailthru @ App.tsx?7b0a:132
App.componentDidMount @ App.tsx?7b0a:80
eval @ ReactCompositeComponent.js?b70a:262
measureLifeCyclePerf @ ReactCompositeComponent.js?b70a:73
eval @ ReactCompositeComponent.js?b70a:261
notifyAll @ CallbackQueue.js?fa32:74
close @ ReactReconcileTransaction.js?cbbf:78
closeAll @ Transaction.js?343e:207
perform @ Transaction.js?343e:154
batchedMountComponentIntoNode @ ReactMount.js?c525:124
perform @ Transaction.js?343e:141
batchedUpdates @ ReactDefaultBatchingStrategy.js?34f8:60
batchedUpdates @ ReactUpdates.js?a7d6:95
_renderNewRootComponent @ ReactMount.js?c525:317
_renderSubtreeIntoContainer @ ReactMount.js?c525:399
render @ ReactMount.js?c525:420
eval @ index.tsx?b9b8:34
eval @ match.js?8d22:67
eval @ createTransitionManager.js?b513:112
done @ AsyncUtils.js?63ec:79
eval @ AsyncUtils.js?63ec:85
cbw @ routeUtil.ts?60ad:17
eval @ routeUtil.ts?60ad:23
Promise.then (async)
loadRoute @ routeUtil.ts?60ad:19
getComponent @ Routes.tsx?e7ec:185
getComponentsForRoute @ getComponents.js?a810:29
eval @ getComponents.js?a810:41
eval @ AsyncUtils.js?63ec:84
mapAsync @ AsyncUtils.js?63ec:83
getComponents @ getComponents.js?a810:40
finishEnterHooks @ createTransitionManager.js?b513:106
runTransitionHooks @ TransitionUtils.js?be53:50
runEnterHooks @ TransitionUtils.js?be53:93
eval @ createTransitionManager.js?b513:99
runTransitionHooks @ TransitionUtils.js?be53:50
runChangeHooks @ TransitionUtils.js?be53:110
finishMatch @ createTransitionManager.js?b513:96
eval @ createTransitionManager.js?b513:72
next @ AsyncUtils.js?63ec:46
loopAsync @ AsyncUtils.js?63ec:56
matchRoutes @ matchRoutes.js?ad8f:243
match @ createTransitionManager.js?b513:68
match @ match.js?8d22:66
eval @ index.tsx?b9b8:32
Promise.then (async)
eval @ index.tsx?b9b8:28
eval @ index.tsx?b9b8:39
./wwe/responsive/index.tsx @ app.js:17552
__webpack_require__ @ app.js:770
fn @ app.js:130
0 @ app.js:19303
__webpack_require__ @ app.js:770
(anonymous) @ app.js:908
(anonymous) @ app.js:911
heartbeat.js?6626:28 Heartbeat stopped
HlsJsPlayerWrapper.ts?9af5:710 = = = = = DUPLICATE FOUND:  0 >> WE CAN SIT HERE FOR LIKE AN TextTrackCueList {0: VTTCue, 1: VTTCue, 2: VTTCue, 3: VTTCue, 4: VTTCue, 5: VTTCue, 6: VTTCue, 7: VTTCue, length: 8}
HlsJsPlayerWrapper.ts?9af5:710 = = = = = DUPLICATE FOUND:  1 HOUR. TextTrackCueList {0: VTTCue, 1: VTTCue, 2: VTTCue, 3: VTTCue, 4: VTTCue, 5: VTTCue, 6: VTTCue, 7: VTTCue, length: 8}
HlsJsPlayerWrapper.ts?9af5:710 = = = = = DUPLICATE FOUND:  2 IT'S REALLY EXCITING. TextTrackCueList {0: VTTCue, 1: VTTCue, 2: VTTCue, 3: VTTCue, 4: VTTCue, 5: VTTCue, 6: VTTCue, 7: VTTCue, length: 8}
HlsJsPlayerWrapper.ts?9af5:710 = = = = = DUPLICATE FOUND:  2 IT'S REALLY EXCITING. TextTrackCueList {0: VTTCue, 1: VTTCue, 2: VTTCue, 3: VTTCue, 4: VTTCue, 5: VTTCue, 6: VTTCue, 7: VTTCue, length: 8}
HlsJsPlayerWrapper.ts?9af5:710 = = = = = DUPLICATE FOUND:  2 IT'S REALLY EXCITING. TextTrackCueList {0: VTTCue, 1: VTTCue, 2: VTTCue, 3: VTTCue, 4: VTTCue, 5: VTTCue, 6: VTTCue, 7: VTTCue, length: 8}
HlsJsPlayerWrapper.ts?9af5:710 = = = = = DUPLICATE FOUND:  3 IT'S REALLY EXCITING. TextTrackCueList {0: VTTCue, 1: VTTCue, 2: VTTCue, 3: VTTCue, 4: VTTCue, 5: VTTCue, 6: VTTCue, 7: VTTCue, length: 8}
HlsJsPlayerWrapper.ts?9af5:710 = = = = = DUPLICATE FOUND:  3 IT'S REALLY EXCITING. TextTrackCueList {0: VTTCue, 1: VTTCue, 2: VTTCue, 3: VTTCue, 4: VTTCue, 5: VTTCue, 6: VTTCue, 7: VTTCue, length: 8}
HlsJsPlayerWrapper.ts?9af5:710 = = = = = DUPLICATE FOUND:  3 IT'S REALLY EXCITING. TextTrackCueList {0: VTTCue, 1: VTTCue, 2: VTTCue, 3: VTTCue, 4: VTTCue, 5: VTTCue, 6: VTTCue, 7: VTTCue, length: 8}
HlsJsPlayerWrapper.ts?9af5:710 = = = = = DUPLICATE FOUND:  4 >> WE CAN SIT HERE FOR LIKE AN TextTrackCueList {0: VTTCue, 1: VTTCue, 2: VTTCue, 3: VTTCue, 4: VTTCue, 5: VTTCue, 6: VTTCue, 7: VTTCue, length: 8}
HlsJsPlayerWrapper.ts?9af5:710 = = = = = DUPLICATE FOUND:  5 HOUR. TextTrackCueList {0: VTTCue, 1: VTTCue, 2: VTTCue, 3: VTTCue, 4: VTTCue, 5: VTTCue, 6: VTTCue, 7: VTTCue, length: 8}
HlsJsPlayerWrapper.ts?9af5:710 = = = = = DUPLICATE FOUND:  6 IT'S REALLY EXCITING. TextTrackCueList {0: VTTCue, 1: VTTCue, 2: VTTCue, 3: VTTCue, 4: VTTCue, 5: VTTCue, 6: VTTCue, 7: VTTCue, length: 8}
HlsJsPlayerWrapper.ts?9af5:710 = = = = = DUPLICATE FOUND:  6 IT'S REALLY EXCITING. TextTrackCueList {0: VTTCue, 1: VTTCue, 2: VTTCue, 3: VTTCue, 4: VTTCue, 5: VTTCue, 6: VTTCue, 7: VTTCue, length: 8}
HlsJsPlayerWrapper.ts?9af5:710 = = = = = DUPLICATE FOUND:  6 IT'S REALLY EXCITING. TextTrackCueList {0: VTTCue, 1: VTTCue, 2: VTTCue, 3: VTTCue, 4: VTTCue, 5: VTTCue, 6: VTTCue, 7: VTTCue, length: 8}
HlsJsPlayerWrapper.ts?9af5:710 = = = = = DUPLICATE FOUND:  7 IT'S REALLY EXCITING. TextTrackCueList {0: VTTCue, 1: VTTCue, 2: VTTCue, 3: VTTCue, 4: VTTCue, 5: VTTCue, 6: VTTCue, 7: VTTCue, length: 8}
HlsJsPlayerWrapper.ts?9af5:710 = = = = = DUPLICATE FOUND:  7 IT'S REALLY EXCITING. TextTrackCueList {0: VTTCue, 1: VTTCue, 2: VTTCue, 3: VTTCue, 4: VTTCue, 5: VTTCue, 6: VTTCue, 7: VTTCue, length: 8}
HlsJsPlayerWrapper.ts?9af5:710 = = = = = DUPLICATE FOUND:  7 IT'S REALLY EXCITING. TextTrackCueList {0: VTTCue, 1: VTTCue, 2: VTTCue, 3: VTTCue, 4: VTTCue, 5: VTTCue, 6: VTTCue, 7: VTTCue, length: 8}
2hls.js?61f9:21510 [log] > set autoLevelCapping:6
hls.js?61f9:21510 [log] > Attempt loading level index 6 with URL-id 0
hls.js?61f9:21510 [log] > live playlist, reload in 5865 ms
hls.js?61f9:21510 [log] > level 6 loaded [5517582,5521181],duration:21600
hls.js?61f9:21510 [log] > live playlist sliding:13.434
hls.js?61f9:21510 [log] > Updating Media Source duration to 21613.434
hls.js?61f9:21510 [log] > Loading 5521181 of [5517582-5521181], level 6, currentTime: 21580.191, bufferEnd: 21607.457
hls.js?61f9:21510 [log] > main stream-controller: IDLE->FRAG_LOADING
hls.js?61f9:21510 [log] > set autoLevelCapping:6
hls.js?61f9:21510 [log] > Loaded 5521181 of [5517582 ,5521181],level 6
hls.js?61f9:21510 [log] > Parsing 5521181 of [5517582 ,5521181],level 6, cc 0
hls.js?61f9:21510 [log] > main stream-controller: FRAG_LOADING->PARSING
hls.js?61f9:21510 [log] > Parsed audio,PTS:[21607.471,21613.423],DTS:[21607.471/21613.423],nb:279,dropped:0
hls.js?61f9:21510 [log] > sb remove video [21572.057,21574.774563], of [21572.057,21607.457], pos:21580.774563
hls.js?61f9:21510 [log] > sb remove audio [21570.865,21574.774563], of [21570.865,21613.423333], pos:21580.774563
hls.js?61f9:21510 [log] > Parsed video,PTS:[21607.457,21613.457],DTS:[21607.390/21613.390],nb:180,dropped:0
hls.js?61f9:21510 [log] > main stream-controller: PARSING->PARSED
hls.js?61f9:21510 [log] > main buffered : [21576.057,21613.423]
hls.js?61f9:21510 [log] > latency/loading/parsing/append/kbps:95/453/44/22/53597
hls.js?61f9:21510 [log] > main stream-controller: PARSED->IDLE
hls.js?61f9:21510 [log] > set autoLevelCapping:6
HlsJsPlayerWrapper.ts?9af5:710 = = = = = DUPLICATE FOUND:  0 >> WELCOME TO TALKING SMACK. TextTrackCueList {0: VTTCue, 1: VTTCue, length: 2}
HlsJsPlayerWrapper.ts?9af5:710 = = = = = DUPLICATE FOUND:  1 >> WELCOME TO TALKING SMACK. TextTrackCueList {0: VTTCue, 1: VTTCue, length: 2}
3hls.js?61f9:21510 [log] > set autoLevelCapping:6
fbevents.js:23 [Facebook Pixel] - Duplicate Pixel ID: 253807428324762.
t @ fbevents.js:23
w @ fbevents.js:23
E @ fbevents.js:23
Y @ fbevents.js:26
X @ fbevents.js:26
b.fbq.b.fbq @ VM8064:1
(anonymous) @ VM8802:1
(anonymous) @ gtm.js?id=GTM-WTTWC59:4032
(anonymous) @ gtm.js?id=GTM-WTTWC59:4033
c @ gtm.js?id=GTM-WTTWC59:4034
Td @ gtm.js?id=GTM-WTTWC59:3760
e @ gtm.js?id=GTM-WTTWC59:3863
(anonymous) @ gtm.js?id=GTM-WTTWC59:3721
(anonymous) @ gtm.js?id=GTM-WTTWC59:3864
(anonymous) @ gtm.js?id=GTM-WTTWC59:3864
Gl @ gtm.js?id=GTM-WTTWC59:3864
Ml @ gtm.js?id=GTM-WTTWC59:3867
oq @ gtm.js?id=GTM-WTTWC59:3926
qq @ gtm.js?id=GTM-WTTWC59:3929
a.push @ gtm.js?id=GTM-WTTWC59:3931
a.push @ js?id=AW-939707183:223
a.push @ gtm.js?id=GTM-KQK4LM5&l=dataLayer:402
a.push @ js?id=G-FXDZMHTFCL&l=dataLayer&cx=c:241
mq @ gtm.js?id=GTM-WTTWC59:3925
Xq @ gtm.js?id=GTM-WTTWC59:3934
(anonymous) @ gtm.js?id=GTM-WTTWC59:4005
l.<computed> @ gtm.js?id=GTM-WTTWC59:4004
b.<computed> @ fbevents.js:23
finishTransition @ createBrowserHistory.js?29ac:111
eval @ createHistory.js?5953:157
eval @ createHistory.js?5953:133
next @ AsyncUtils.js?c78d:47
loopAsync @ AsyncUtils.js?c78d:57
confirmTransitionTo @ createHistory.js?5953:119
transitionTo @ createHistory.js?5953:145
push @ createHistory.js?5953:168
push @ useBasename.js?f23d:105
push @ useQueries.js?5240:115
handleClick @ Link.js?afbd:127
boundFunc @ ReactErrorUtils.js?f022:63
ReactErrorUtils.invokeGuardedCallback @ ReactErrorUtils.js?f022:69
executeDispatch @ EventPluginUtils.js?1e46:83
executeDispatchesInOrder @ EventPluginUtils.js?1e46:106
executeDispatchesAndRelease @ EventPluginHub.js?09f1:41
executeDispatchesAndReleaseTopLevel @ EventPluginHub.js?09f1:52
forEachAccumulated @ forEachAccumulated.js?35e5:22
processEventQueue @ EventPluginHub.js?09f1:252
runEventQueueInBatch @ ReactEventEmitterMixin.js?18c7:15
handleTopLevel @ ReactEventEmitterMixin.js?18c7:25
handleTopLevelImpl @ ReactEventListener.js?975e:70
perform @ Transaction.js?343e:141
batchedUpdates @ ReactDefaultBatchingStrategy.js?34f8:60
batchedUpdates @ ReactUpdates.js?a7d6:95
dispatchEvent @ ReactEventListener.js?975e:145
Show 24 more frames
hls.js?61f9:21510 [log] > stopLoad
hls.js?61f9:21510 [log] > main stream-controller: IDLE->STOPPED
hls.js?61f9:21510 [log] > audio stream:WAITING_TRACK->STOPPED
hls.js?61f9:21510 [log] > detachMedia
hls.js?61f9:21510 [log] > media source detaching
hls.js?61f9:21510 [log] > destroy
hls.js?61f9:21510 [log] > detachMedia

Other info

I cannot reproduce desktop issue on 0.13.2, but I can still sometimes reproduce it on mobile. The only difference is that instead of duplicated text I see empty cue lines, which disappear much quicker after about 2 seconds.

hls_js_issue_0 13 2

I tried removing duplicates manually by calling removeCue, but the UI doesn't refresh right away and there can be big gaps between cues as well as order can get screwed.

I would appreciate if you could help. Please let me know if you need any further information.

Thanks
@robwalch
Copy link
Collaborator

See #3321

@robwalch robwalch added this to the 1.0.0 milestone Jan 18, 2021
@robwalch robwalch added this to Top priorities in Release Planning and Backlog via automation Jan 18, 2021
@realigork
Copy link
Author

realigork commented Jan 19, 2021 •
edited

Hi @robwalch, thank you for a quick response. I am very happy to find out that PR is already in queue. It seems this is also going into release 0.15.0 / 1.0.0. Any ideas when the release might happen?

@robwalch
Copy link
Collaborator

Just released v1.0.0-rc.1. v1.0.0 will be out soon so if you can please use the pre-release and report issues. There are no plans to schedule the release of v0.15 right now, at least not until after v1.0.0 is out.

@realigork
Copy link
Author

Unfortunately, I am still able to reproduce the above issue in v1.0.0-rc.1. But it definitely looks much better as it doesn't happen every time and it recovers much quicker than before. Hopefully this can be improved in v1.0.0. Thank you for the update.

@robwalch
Copy link
Collaborator

robwalch commented Apr 1, 2021

@realigork I think we've addressed this in the latest release. If you can reproduce the issue in v1.0.0-rc.6 or up, please file a new issue against the latest release with updated steps to reproduce.

@robwalch robwalch closed this as completed Apr 1, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Bug Confirmed
Projects
HLS.js Release Planning and Backlog
Archived in project
Release Planning and Backlog
  
Top priorities
Milestone
1.0.0
Development

No branches or pull requests
2 participants
@robwalch @realigork