Fatal error is never reached when capLevelToPlayerSize is true

[radiantmediaplayer]

What version of Hls.js are you using?

1.4.5

What browser (including version) are you using?

114.0.5735.110

What OS (including version) are you using?

Windows 11 22H2

Test stream

https://www.rmp-streaming.com/test/test.m3u8

Configuration

{  
  "debug": true,
  "enableWorker": true,
  "lowLatencyMode": true,
  "backBufferLength": 90,
  "capLevelToPlayerSize": true
}

Additional player setup steps

Try stream https://www.rmp-streaming.com/test/test.m3u8 with "capLevelToPlayerSize": true, Hls.Events.ERROR will trow but it will never reach data.fatal === true. Instead it will loop indefinetlty with data.fatal === false.
Now try "capLevelToPlayerSize": false and it will error to data.fatal === true after a couple of data.fatal === false as it is supposed to. You can try player code below:

	<script src="https://cdn.jsdelivr.net/npm/hls.js@1"></script>
	<!-- Or if you want the latest version from the main branch -->
	<!-- <script src="https://cdn.jsdelivr.net/npm/hls.js@canary"></script> -->
	<video id="video"></video>
	<script>
		var video = document.getElementById('video');
		var videoSrc = 'https://www.rmp-streaming.com/test/test.m3u8';
		if (Hls.isSupported()) {
			var hls = new Hls({
				"debug": true,
				"enableWorker": true,
				"lowLatencyMode": true,
				"backBufferLength": 90,
				"capLevelToPlayerSize": true
			});
			hls.loadSource(videoSrc);
			hls.attachMedia(video);
			hls.on(Hls.Events.ERROR, function (event, data) {
				var errorType = data.type;
				var errorDetails = data.details;
				var errorFatal = data.fatal;
				console.log(data.fatal);
				switch (data.details) {
					case Hls.ErrorDetails.FRAG_LOAD_ERROR:
						break;
					default:
						break;
				}
			});
		}
	</script>

Checklist

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

Steps to reproduce

1. Try above player code and see the loop error effect. Note you will need to try that player code on a blank page, for a reason that I ignore I cannot reproduce it on https://hlsjs.video-dev.org/demo/
2. All levels are erroring 404, that is the reduced use-case we can provide for the issue we want to address.

Expected behaviour

data.fatal === true at some point when "capLevelToPlayerSize": true

What actually happened?

data.fatal === true is never reached

Console output

[log] > Debug logs enabled for "Hls instance" in hls.js version 1.4.5
hls.js@1:1 [log] > stopLoad
hls.js@1:1 [log] > loadSource:https://www.rmp-streaming.com/test/test.m3u8
hls.js@1:1 [log] > [stream-controller]: Trigger BUFFER_RESET
hls.js@1:1 [log] > attachMedia
hls.js@1:1 [log] > [buffer-controller]: Media source opened
hls.js@1:1 [log] > [subtitle-stream-controller]: STOPPED->IDLE
hls.js@1:1 [log] > [level-controller]: manifest loaded, 6 level(s) found, first bitrate: 8000000
hls.js@1:1 [log] > 2 bufferCodec event(s) expected
hls.js@1:1 [log] > set firstLevel:1
hls.js@1:1 [log] > set autoLevelCapping:1
hls.js@1:1 [log] > startLoad(-1)
hls.js@1:1 [log] > [level-controller]: Switching to level 1 from level -1
hls.js@1:1 [log] > [audio-track-controller]: Updating audio tracks, 3 track(s) found in group:aac
hls.js@1:1 [log] > [audio-track-controller]: Switching to audio-track 2 "English" lang:undefined group:aac
hls.js@1:1 [log] > [audio-stream-controller]: Reset loading state
hls.js@1:1 [log] > [audio-stream-controller]: STOPPED->IDLE
hls.js@1:1 [log] > [audio-stream-controller]: IDLE->WAITING_TRACK
hls.js@1:1 [log] > [level-controller]: Loading level index 1 with URI 1/1 https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8
hls.js@1:1 [log] > [stream-controller]: STOPPED->IDLE
hls.js@1:1 [log] > [audio-track-controller]: loading audio-track playlist 2 "English" lang:undefined group:aac
hls.js@1:1 [log] > [audio-stream-controller]: WAITING_TRACK->STOPPED
hls.js@1:1 [log] > [audio-stream-controller]: STOPPED->WAITING_TRACK
hls.js@1:1 [log] > [subtitle-stream-controller]: IDLE->STOPPED
hls.js@1:1 [log] > [subtitle-stream-controller]: STOPPED->IDLE
test2.html:1 Access to XMLHttpRequest at 'https://www.rmp-streaming.com/test/chunklist_w2018193847_b320000_ao_t64RW5nbGlzaA==.m3u8' from origin 'http://localhost' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
hls.js@1:1 [error] > 0 while loading https://www.rmp-streaming.com/test/chunklist_w2018193847_b320000_ao_t64RW5nbGlzaA==.m3u8
hls.js@1:1 [warn] > [playlist-loader]: A network error (status 0) occurred while loading audioTrack id: 2 group-id: "aac"
hls.js@1:1 [warn] > [audio-track-controller]: Retrying playlist loading 1/2 after "audioTrackLoadError" in 1000ms
test2.html:34 false
hls.js@1:1 
 GET https://www.rmp-streaming.com/test/chunklist_w2018193847_b320000_ao_t64RW5nbGlzaA==.m3u8 net::ERR_FAILED 404
test2.html:1 Access to XMLHttpRequest at 'https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8' from origin 'http://localhost' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
hls.js@1:1 [error] > 0 while loading https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8
hls.js@1:1 [warn] > [playlist-loader]: A network error (status 0) occurred while loading level: 1 id: 0
hls.js@1:1 [warn] > [level-controller]: Retrying playlist loading 2/2 after "levelLoadError" in 2000ms
hls.js@1:1 [warn] > [warning]: switching to level 0 after levelLoadError
hls.js@1:1 [log] > [level-controller]: Switching to level 0 from level 1
hls.js@1:1 [log] > [level-controller]: Loading level index 0 with URI 1/1 https://www.rmp-streaming.com/test/chunklist_w2018193847_b250000_vo.m3u8
hls.js@1:1 [log] > [stream-controller]: IDLE->WAITING_LEVEL
test2.html:34 false
hls.js@1:1 
 GET https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8 net::ERR_FAILED 404
test2.html:1 Access to XMLHttpRequest at 'https://www.rmp-streaming.com/test/chunklist_w2018193847_b250000_vo.m3u8' from origin 'http://localhost' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
hls.js@1:1 [error] > 0 while loading https://www.rmp-streaming.com/test/chunklist_w2018193847_b250000_vo.m3u8
hls.js@1:1 [warn] > [playlist-loader]: A network error (status 0) occurred while loading level: 0 id: 0
hls.js@1:1 [warn] > [level-controller]: Retrying playlist loading 1/2 after "levelLoadError" in 1000ms
hls.js@1:1 [warn] > [warning]: switching to level 5 after levelLoadError
hls.js@1:1 [log] > [level-controller]: Switching to level 1 from level 0
hls.js@1:1 [log] > [level-controller]: Loading level index 1 with URI 1/1 https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8
test2.html:34 false
hls.js@1:1 
 GET https://www.rmp-streaming.com/test/chunklist_w2018193847_b250000_vo.m3u8 net::ERR_FAILED 404
test2.html:1 Access to XMLHttpRequest at 'https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8' from origin 'http://localhost' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
hls.js@1:1 [error] > 0 while loading https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8
hls.js@1:1 [warn] > [playlist-loader]: A network error (status 0) occurred while loading level: 1 id: 0
hls.js@1:1 [warn] > [level-controller]: Retrying playlist loading 1/2 after "levelLoadError" in 1000ms
hls.js@1:1 [warn] > [warning]: switching to level 5 after levelLoadError
hls.js@1:1 [log] > [level-controller]: Switching to level 1 from level 1
hls.js@1:1 [log] > [level-controller]: Loading level index 1 with URI 1/1 https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8
test2.html:34 false
hls.js@1:1 
 GET https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8 net::ERR_FAILED 404
test2.html:1 Access to XMLHttpRequest at 'https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8' from origin 'http://localhost' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
hls.js@1:1 [error] > 0 while loading https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8
hls.js@1:1 [warn] > [playlist-loader]: A network error (status 0) occurred while loading level: 1 id: 0
hls.js@1:1 [warn] > [level-controller]: Retrying playlist loading 1/2 after "levelLoadError" in 1000ms
hls.js@1:1 [warn] > [warning]: switching to level 5 after levelLoadError
hls.js@1:1 [log] > [level-controller]: Switching to level 1 from level 1
hls.js@1:1 [log] > [level-controller]: Loading level index 1 with URI 1/1 https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8
test2.html:34 false
hls.js@1:1 
 GET https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8 net::ERR_FAILED 404
test2.html:1 Access to XMLHttpRequest at 'https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8' from origin 'http://localhost' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
hls.js@1:1 [error] > 0 while loading https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8
hls.js@1:1 [warn] > [playlist-loader]: A network error (status 0) occurred while loading level: 1 id: 0
hls.js@1:1 [warn] > [level-controller]: Retrying playlist loading 1/2 after "levelLoadError" in 1000ms
hls.js@1:1 [warn] > [warning]: switching to level 5 after levelLoadError
hls.js@1:1 [log] > [level-controller]: Switching to level 1 from level 1
hls.js@1:1 [log] > [level-controller]: Loading level index 1 with URI 1/1 https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8
test2.html:34 false
hls.js@1:1 
 GET https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8 net::ERR_FAILED 404
DevTools failed to load source map: Could not load content for https://cdn.jsdelivr.net/npm/hls.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
test2.html:1 Access to XMLHttpRequest at 'https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8' from origin 'http://localhost' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
hls.js@1:1 [error] > 0 while loading https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8
hls.js@1:1 [warn] > [playlist-loader]: A network error (status 0) occurred while loading level: 1 id: 0
hls.js@1:1 [warn] > [level-controller]: Retrying playlist loading 1/2 after "levelLoadError" in 1000ms
hls.js@1:1 [warn] > [warning]: switching to level 5 after levelLoadError
hls.js@1:1 [log] > [level-controller]: Switching to level 1 from level 1
hls.js@1:1 [log] > [level-controller]: Loading level index 1 with URI 1/1 https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8
test2.html:34 false
hls.js@1:1 
 GET https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8 net::ERR_FAILED 404
test2.html:1 Access to XMLHttpRequest at 'https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8' from origin 'http://localhost' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
hls.js@1:1 [error] > 0 while loading https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8
hls.js@1:1 [warn] > [playlist-loader]: A network error (status 0) occurred while loading level: 1 id: 0
hls.js@1:1 [warn] > [level-controller]: Retrying playlist loading 1/2 after "levelLoadError" in 1000ms
hls.js@1:1 [warn] > [warning]: switching to level 5 after levelLoadError
hls.js@1:1 [log] > [level-controller]: Switching to level 1 from level 1
hls.js@1:1 [log] > [level-controller]: Loading level index 1 with URI 1/1 https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8
test2.html:34 false
hls.js@1:1 
 GET https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8 net::ERR_FAILED 404
test2.html:1 Access to XMLHttpRequest at 'https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8' from origin 'http://localhost' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
hls.js@1:1 [error] > 0 while loading https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8
hls.js@1:1 [warn] > [playlist-loader]: A network error (status 0) occurred while loading level: 1 id: 0
hls.js@1:1 [warn] > [level-controller]: Retrying playlist loading 1/2 after "levelLoadError" in 1000ms
hls.js@1:1 [warn] > [warning]: switching to level 5 after levelLoadError
hls.js@1:1 [log] > [level-controller]: Switching to level 1 from level 1
hls.js@1:1 [log] > [level-controller]: Loading level index 1 with URI 1/1 https://www.rmp-streaming.com/test/chunklist_w2018193847_b500000_vo.m3u8
test2.html:34 false

and so on and so on

Chrome media internals output

N/A

[robwalch]

To help with reproducing the issue, what is the size of the player on the page (in pixels)?

[robwalch]

@radiantmediaplayer does #5570 resolve the issue for you?

[radiantmediaplayer]

@robwalch yes, it does indeed fixes the reported issue. Thanks for looking into this.

[robwalch]

Fixed in v1.4.6 https://github.com/video-dev/hls.js/releases/tag/v1.4.6