vidstack / player

UI components and hooks for building video/audio players on the web. Robust, customizable, and accessible. Modern alternative to JW Player and Video.js.
https://vidstack.io
MIT License
1.9k stars 114 forks source link

[BUG] Dash Timed Text Track Overlap Issue #1223

Open merkleresearch opened 3 months ago

merkleresearch commented 3 months ago

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

Screenshot 2024-04-01 at 23 16 40
merkleresearch commented 1 month ago

@mihar-22 Any idea please how can I fix it?