Looping video quality with HLS.js

[skyeewers]

What do you want to do with Hls.js?

I'm trying to use a fairly simple HLS.js setup to stream VOD videos into a website. No thrills no nothing, just pretty plain HLS.js and an HTML 5 <video>-Tag.

My issue is that when I have a looping video (< video src="..." loop>) then the initial change in playback quality from low to high quality is retained every loop of the video. So every time the video loops my users see the lower quality first few segments before the quality is upgraded again.

I'd like them to instead see a consistent quality level as soon as possible. My thought was that the best way to do that would be to "purge" the lower quality segments from HLS.js' cache, but I have no idea how to achieve that.

Is there a good way to do this or something similar that would achieve my goal here?

What have you tried so far?

No response

[robwalch]

Hi @skyeewers,

This is being tracked as a feature request under #4553.

We've discussed some ways to clear out the lower quality using the API if that is your main goal.

For this to work seamlessly, the stream-controller modules need to support:

1. Wrapping fragment selection - (re)load segments at the start of a playlist, after the end is buffered, when the media element is set to loop.
2. Flushing of lower quality segments from the buffer after some playback regardless of forward and back buffer tolerances (which you want to set to be larger than you VOD duration to avoid reloading)

[skyeewers]

@robwalch Thanks for the quick response! That feature request pretty much solves my question. Closing the issue because of that 👍