Buffering issue while playing content with high bitrate

[marius-dev]

Description

When trying to stream 4k content (high bitrate ), the player experiences continuous buffering, despite the progress bar showing that the segment has been loaded ( HLS source ).

Sources

• url: https://www.demolandia.net/downloads.html?id=247525 > test.mkv
• ffmpeg command: ffmpeg -i "test.mkv" -vcodec libx264 -acodec aac -b:v 20000k -refs 6 -coder 1 -sc_threshold 40 -flags +loop -me_range 16 -subq 7 -i_qfactor 0.71 -qcomp 0.6 -qdiff 4 -trellis 1 -b:a 64k -ac 2 -profile:v high -level 5.1 -pix_fmt yuv420p -vf "scale=2160:-2" -hls_playlist_type vod -hls_list_size 0 -hls_segment_filename hls/%03d.ts hls/main.m3u8

Steps to reproduce

1. Go on videojs-http-streaming.netlify.app
2. Attempt to play the video
3. Wait for a few segments to load

recording: https://github.com/videojs/http-streaming/assets/9363573/015ee25f-b47c-4b9a-9836-eccd1dc558f2

Results

Expected

The player should handle in a different way buffer overloads / memory issues;

Error output

VIDEOJS: DEBUG: VHS: SourceUpdater > Error with code 22 (QUOTA_EXCEEDED_ERR) when appending segment 12 to videoBuffer
VIDEOJS: DEBUG: VHS: SegmentLoader[main] > On QUOTA_EXCEEDED_ERR, removing audio/video from 0 to 24.528846
VIDEOJS: DEBUG: VHS: SourceUpdater > Removing 0 to 24.528846 from audioBuffer
VIDEOJS: DEBUG: VHS: SourceUpdater > Removing 0 to 24.528846 from videoBuffer
VIDEOJS: DEBUG: VHS: SegmentLoader[main] > timinginfo: audio - end - 89.183
VIDEOJS: DEBUG: VHS: SourceUpdater > received "updateend" event for audio Source Buffer: Buffered Ranges:
24.548334 --> 80.420333. Duration (55.871999)
VIDEOJS: DEBUG: VHS: SourceUpdater > received "updateend" event for video Source Buffer: Buffered Ranges:
26.333334 --> 80.466667. Duration (54.133333)
VIDEOJS: DEBUG: VHS: SegmentLoader[main] > On QUOTA_EXCEEDED_ERR, retrying append in 1s
VIDEOJS: DEBUG: VHS: SegmentLoader[main] > On QUOTA_EXCEEDED_ERR, re-processing call queue
VIDEOJS: DEBUG: VHS: SourceUpdater > Appending segment 12's 15460428 bytes to videoBuffer
VIDEOJS: DEBUG: VHS: SourceUpdater > Appending segment 12's 61595 bytes to audioBuffer
VIDEOJS: DEBUG: VHS: SegmentLoader[main] > WAITING -> APPENDING
VIDEOJS: DEBUG: VHS: SourceUpdater > received "updateend" event for audio Source Buffer: Buffered Ranges:
24.548334 --> 87.716333. Duration (63.16799900000001)
VIDEOJS: DEBUG: VHS: SourceUpdater > received "updateend" event for video Source Buffer: Buffered Ranges:
26.333334 --> 87.766667. Duration (61.433333)

videojs-http-streaming version

videojs-http-streaming 3.11.2

videojs version

video.js 8.11.0

Browsers

Chrome

Platforms

[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.