While displaying CC, we have observed, in all the latest version, 2/3px width vertical line(of around 20/25px height) below cc text

krishnakumar-ViewLift commented 1 month ago

Environment

[] The MPD passes the DASH-IF Conformance Tool on https://conformance.dashif.org/
[] 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
[] The issue observed is not mentioned on https://github.com/Dash-Industry-Forum/dash.js/wiki/FAQ
[] The issue occurs in the latest reference client on http://reference.dashif.org/dash.js/ and not just on my page
Link to playable MPD file:
Dash.js version:
Browser name/version:
OS name/version:

Steps to reproduce

Please provide clear steps to reproduce your problem
If the bug is intermittent, give a rough frequency if possible

Observed behavior

Describe what the player is doing that is unexpected or undesired behaviour.

Console output

Paste the contents of the browser console here.
You may need to enable debug logging in dash.js by calling player.updateSettings({ 'debug': { 'logLevel': dashjs.Debug.LOG_LEVEL_DEBUG }}) if you are using your own page.

Expected behavior

Describe what the player is expected to do

krishnakumar-ViewLift commented 1 month ago

You can see the screenshots. We are using latest version of dash.js and playing the video on Samsung Tizen TV, 2019-2014 tv models.

nigelmegitt commented 1 month ago

Can you share the subtitle file that generates this output?

krishnakumar-ViewLift commented 1 month ago

we don't any external file, and this is live event so cc file is embedded in live stream. When running on chrome that verticle line not coming. Only on samsung tizen tv.

https://www.livgolfplus.com/event/andalucia-2024

nigelmegitt commented 1 month ago

@krishnakumar-ViewLift Perhaps you could extract the subtitles from a segment where this occurred, and post those?

dsilhavy commented 1 month ago

This sounds like a platform (Samsung Tizen TV) issue rather than a dash.js issue. For WebVTT dash.js uses native rendering functionality of the underlying device by default. I suggest you try the custom rendering functionality as shown here: https://reference.dashif.org/dash.js/latest/samples/captioning/vttjs.html

Dash-Industry-Forum / dash.js