Update Media Card to check for Supported Features

[zsarnett]

Type of change

• Bugfix (non-breaking change which fixes an issue)

• Code quality improvements to existing code or addition of tests

• This PR fixes or closes issue: fixes Media player card doesn't check supported features #4844

Checklist

• The code change is tested and works locally.
• There is no commented out code in this PR.
• Tests have been added to verify that the new code works.

[bramkragten]

Still some big differences, mainly:

• Play button state doesn't get disabled
• Unavailable state -> Play button + image color
• Size of album covers
• The progress bar doesn't disappear when stopped playing
• Animation on height change is missing
• Missing now playing info
• Long media title isn't cut off (ellipsis)

Before:

After:

[zsarnett]

• Play button state doesn't get disabled

Fixed. Disabled when the state is off

• Unavailable state -> Play button + image color

Fixed. Play button is no longer rendered and the image is darkened when the state is unavailable

• Size of album covers

This is something I changed to be consistent with the card size. I have made it so all the albums are the same size if the card is playing

• The progress bar doesn't disappear when stopped playing

I disagree with the progress bar being removed if the state is paused. I would still expect the player to know my place and continue when I hit play.

• Animation on height change is missing

Fixed. Height is animated when the image is changed

• Missing now playing info

Fixed. This was changed the be Secondary_Info: Primary_Info when the card was converted. I have reverted this change.

• Long media title isn't cut off (ellipsis)

Fixed. Media Title is not set to show ellipsis when longer than one row of text

[zsarnett]

@balloob The demo (Arsaboo) has the image pulling from api folder. The new system tries to find that and convert to base64 but for that image, in particular, it isn't found. Resulting in a blue background

[balloob]

I don't understand, we shouldn't try to fetch the image unless there is one? Also why are we converting it to base64? It's already a url. If it needs auth we should use a signed url.

[zsarnett]

The reason the image shows up blank before the recent change was that an entity image was supplied "api/.../image" URL. But that URL was not found and no image was returned. The previous way doesn't check to see if that image exists or not. We are only converting to base64 if the image is a local image.

[zsarnett]

#4489 Also Adding this here as something that may need to be checked for. Will use this PR to update

[bramkragten]

@balloob didn't we move the thumbnails away from the ws?

[zsarnett]

What is the status on how we should fetch the image? Should it be reverted to using the image URL or is this the best method. This is the method it was using before the conversion.

[zsarnett]

Fixes: #4503