[BUG] Dash Timed Text Track Overlap Issue
Current Behavior:
When using the Dash Provider to display timed text tracks, there is an unexpected behavior where two div elements of the text are shown simultaneously for a brief moment at the beginning of the video. This issue occurs specifically during the transition from the first text segment ("Morning!") to the second. Instead of displaying a single div for the text and then seamlessly transitioning to the next segment, both segments are displayed at once, leading to a cluttered text display.
Expected Behavior:
The expected behavior is for the Dash Provider to display only one div of text at a time, similar to how it operates with HLS and native dash.js implementations. The text display should smoothly transition from one segment to the next without simultaneously showing two text segments.
Steps To Reproduce:
VTT Example
00:00.590 --> 00:01.530 Morning!
00:01.530 --> 00:02.270 Morning!
Rendered example
@mihar-22 Any idea please how can I fix it?
@merkleresearch hi what I really want to know is, is it possible to display two text tracks at the same time? Because I want to display two subtitles for bilingual translation at the same time, and display them in different styles.
it's not bilingual transaction, it's a just bug in the way it's displayed
`00:00.590 --> 00:01.530 Morning!
00:01.530 --> 00:02.270 Morning!`
For your issue I recommend using a server side solution that will merge 2 subtitles with one and avoid the time loss.
may I borrow that tailwind/css blur behind the font :}?