60Mbps+ videos have issues playing

[vid-bin]

What version of Hls.js are you using?

peertubes version

What browser (including version) are you using?

latest Safari & Firefox

What OS (including version) are you using?

MacOS 14

Test stream

No response

Configuration

{N/A}

Additional player setup steps

No response

Checklist

• [X] The issue observed is not already reported by searching on Github under https://github.com/video-dev/hls.js/issues
• [X] The issue occurs in the stable client (latest release) on https://hlsjs.video-dev.org/demo and not just on my page
• [X] The issue occurs in the latest client (main branch) on https://hlsjs-dev.video-dev.org/demo and not just on my page
• [X] The stream has correct Access-Control-Allow-Origin headers (CORS)
• [X] There are no network errors such as 404s in the browser console when trying to play the stream

Steps to reproduce

1. Install peertube and modify the source code to allow 5k videos
2. Upload 5k video and try watching. Problem occurs after 60Mbps bitrate and is very notable at 80Mbps. Problem occurs on both AV1 & HEVC. Problem is not there on videos under 60Mbps bitrate.

Expected behaviour

Works without buffering issues or playback freezing.

What actually happened?

Video intermittently freezes because the buffer is full and/or the buffer has a difficult time having more then 4 seconds of video content. See below images.

Console output

I am seeing a lot of "mediaError - fatal: false - bufferfullerror" along with bufferstallederror.

Other then that console appears normal.

Chrome media internals output

No response

[robwalch]

Hi @vid-bin,

Did you try configuring HLS.js to limit how much it buffers in advance?

Have you tried the latest dev build at https://hlsjs-dev.video-dev.org/demo/ ?

Are you including lower bitrate options in your HLS asset that maybe can be played by the devices you are testing on?

I'm interested to know what the results of the MediaCapabilities checks are using the dev build for variants with these bitrates.