determine level resolution?

[Spongman]

I'm trying to determine the resolution of the currently playing Level, but sometimes the level object doesn't contain width or height fields. Where can I find this information?

hls.on(Hls.Events.LEVEL_SWITCHED, (evt: any, data: Hls.levelSwitchedData) => {
	const level = hls.levels[data.level];
	if (level) {
		console.log(`qualityChange ${level.width}x${level.height}`);
	}
});

results in qualityChange undefinedxundefined.

it depends on the stream, sometimes it's there, other times not.

[robwalch]

You can get videoWidth and videoHeight from the video tag:

> hlsjs.media.videoWidth
1280

The challenge is sometimes hls.js fires LEVEL_SWITCHED or FRAG_CHANGED right before the size of the video changes. So you're actually better off listening to video.onresize and then getting currentLevel from hlsjs.

[robwalch]

Marking this closed with the answer above.

Also note that width and height are populated in levels when your parent manifest contains the required RESOLUTION attribute. If you are playing a chunked playlist or missing that attribute you'll need to check the video tag.