UI components and hooks for building video/audio players on the web. Robust, customizable, and accessible. Modern alternative to JW Player and Video.js.
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.
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