Player stuck on loading after quality switch - HLS protocol

[arauv]

Description

First of all thank you for the work done guys !

Here, the video player is blocked after the quality change (either with 360p or 480p) on the 1st segment of the video.
Nothing comes up in the logs or as errors in the VHS representations part: the player is just stucked.

Have you had this problem before ? How to work around the problem ? (reset buffer ? ...)

Reduced test case

https://perso.mediatech.fr/aa/

Steps to reproduce

1. Click on the button play
2. In the first eight second switch to the 360p quality. It is normally enough to stuck the player. Otherwise you can play with the 360p and 480p quality during the first eight second and the player will be stuck too.
3. The debug mode is enabled with the provided test case: https://perso.mediatech.fr/aa/.

Errors

No response

What version of Video.js are you using?

8.0.4 (but reproductibled with the version 7)

Video.js plugins used.

http-source-selector, contrib-quality-levels

What browser(s) including version(s) does this occur with?

Chrome 108

What OS(es) and version(s) does this occur with?

Linux, Windows

[welcome]

👋 Thanks for opening your first issue here! 👋

If you're reporting a 🐞 bug, please make sure you include steps to reproduce it. We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.
To help make it easier for us to investigate your issue, please follow the contributing guidelines.

[amtins]

@arauv I just had a quick look at your example and there seems to be DTS issues with at least the 360p rendition. I used ffplay then cycle through the video channels with the v key and got the following result:

It reminds me of the following issue, see videojs/http-streaming#1426

You can try using the calculateTimestampOffsetForEachSegment property as follows:

const player = videojs('my-player', {
  html5: {
    vhs: {
      calculateTimestampOffsetForEachSegment: true,
    },
  },
});

[arauv]

Thank you so much @amtins for your response ! I'll take a closer look at this !