Cannot seek/rewind videos that require transcoding (bufferSeekOverHole error from hls.js)

[ccheng32]

Describe The Bug

bufferSeekOverHole error when seeking videos that require transcoding. Basically the exact same issue described here.

To recreate the issue in the Chrome browser web client:

Google drive link to video that will need transcoding to play in Chrome.

1. Open a video that needs transcoding and start playing from the beginning.
2. Skip to a random timestamp t using the seek bar.
3. Wait until the video starts playing at timestamp t.
4. Seek to any timestamp between 0 and t using the seek bar.
5. The playing position will get pushed back to t.

A bufferSeekOverHole error is shown in the console.

The expected behavior is to have the video start buffering and playing at the desired timestamp.

Screenshots

System (please complete the following information):

• Server Platform: Ubuntu 21.10 Server
• Browser: Chrome 95.0.4638.69 on Ubuntu 21.10 Desktop
• Jellyfin Version: 10.7.7.0 running natively as a service.

Additional Context

I have tried adding/changing the hls.js config parameters at this line where an hls.js instance is created (e.g. maxBufferHole and highBufferWatchdogPeriod), but the issue still persists. I'm also using intel QuickSync as the hardware transcoder, but I don't think that affects the web client frontend.

[ThibaultNocchi]

I can confirm this. I've experienced it on Vue and a small JF POC with any HLS.js version >= v1. I've also opened an issue on their repo video-dev/hls.js#4367

I've tried many configurations, many attempts to reload the video in the code when that occurs, nothing. The only solution for me was to rollback to 0.14.x.

[ccheng32]

Which 0.14.x version did you use? I tried 0.14.16 and still have the same problem when playing the clip I linked above.

[ThibaultNocchi]

I used the latest one, 0.14.17 iirc. The thing is, Web 10.7.7 uses v0.14.17, so that's weird.