player icon indicating copy to clipboard operation
player copied to clipboard

[BUG] Dash Timed Text Track Overlap Issue

Open merkleresearch opened this issue 1 year ago • 4 comments

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 avatar Apr 01 '24 23:04 merkleresearch

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

merkleresearch avatar May 24 '24 22:05 merkleresearch

@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.

JimmyLv avatar Jul 15 '24 12:07 JimmyLv

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.

merkleresearch avatar Jul 15 '24 12:07 merkleresearch

may I borrow that tailwind/css blur behind the font :}?

adminy avatar Nov 02 '24 16:11 adminy