Unable to set image in media sessions metadata

This problem is existing in iOS too, since 16.1.1 (I think). Before that it was ok. My laptop is old, and I'm with latest Big Sur, but there is OK too... I waited till the next iOS update, but now I see that this is Safari problem...

Can confirm issue not in 16.0 but indeed in 16.1

Still not working in Safari iOS 16.2

Having the same problem on iOS 16.1. The image isn’t showing on the now playing section of the control centre.

Can someone confirm is the problem is still existing in 16.3 Beta?

I recently purchased an iPhone 14 Pro Max and I see a grey square on my lock screen when listening to media on Safari.

Out of the box it was working, then it stopped. Utterly baffling!

It seems like this is due a fix as it’s a key feature to anyone using the navigator.mediaSession.metadata API, including the web version of Apple Music that also suffers from this bug.

I am having the same problem. I think it's about the update but I couldn't find any extra information.

Would love to see this fixed as this feature of my webapp is broken.

I had the same problem after updating iphone to ios 16.2. I hope fix it soon.

Hello friends, has anyone found a solution to this problem?

CONFIRMED: The problem is NOT solved in iOS 16.3 ... Wow I can't believe Apple still sleeping.

Now it is working in MacOS Ventura 13.2 (22D49) with Safari v16.3, but still not working in iOS 16.3.

iOS 16.3.1 STILL NOT FIXED!!!

Guys lets throw 1 report here: https://feedbackassistant.apple.com/ with title "navigator.mediaSession.metadata error"

Obviously nobody is reading this forum here.

As you can see there is no Similar reports, so we have to point their attention to the problem.

Hooray! This is fixed in the 16.4 beta!

iOS 16.4 is out today. I can confirm too, its FINALLY fixed. Wow Apple, it took a while.

Well, Regarding my previous comment, i will deny that the problem is really fixed. The problem is fixed somehow.... HALF way...

This problem is becoming really annoying...

The image is changing in this mode:

During above mode, it's changing the micro-artwork next to the iPhone 14's Island, also it's changing the image in the small player mode.

BUT... it isn't changing while in this small player mode, and it isn't changing in the Dynamic Island artwork too:

Having the same issue. If I add an artwork with the size of 96x96 it DOES work properly to get the smaller size but now when you tap the smaller artwork to expand, it uses the small art which of course is now pixelated. Guessing it has something to do with scaling as the issue presents itself in reverse depending on which size art you feed mediaSession first.

        //mediaSession update
        if ('mediaSession' in navigator) {
            navigator.mediaSession.metadata = new MediaMetadata({
                title: title,
                artist: artist,
                album: album,
                artwork: [
                    { src: cover + '&h=96&w=96', sizes: '96x96',   type: 'image/jpg' },
                    { src: cover + '&h=128&w=128', sizes: '128x128', type: 'image/jpg' },
                    { src: cover + '&h=192&w=192', sizes: '192x192', type: 'image/jpg' },
                    { src: cover + '&h=256&w=256', sizes: '256x256', type: 'image/jpg' },
                    { src: cover + '&h=384&w=384', sizes: '384x384', type: 'image/jpg' },
                    { src: cover + '&h=512&w=512', sizes: '512x512', type: 'image/jpg' }
                  ]
            });

        }

Also, if I use the large 512px size art only, there are times when I can expand the small player artwork (which is empty) and then when you tap the larger artwork to make it a small player again, it does assign the artwork to the small player.

Not sure why this is still a problem - Come on Apple.

(Sorry for the comment & post - realized it after I posted as a comment which limits character to 500)

The problem partially remained! iOS 16.4 iPhone 14 Pro Max https://share.icloud.com/photos/0883DKNWrNb5qb49NspdY4EMg

Still has low quality images on 16.4.1

In 16.4.1[a] it will show:

• Title text
• Artist text

It does not show:

• Album text
• Album artwork

Looks like this ...

I am on iOS 16.5 and still having issues when providing three sizes of image/jpeg (640x640, 300x300, 64x64).

The small image is initially grey but will sometimes load in after expanding and closing the image:

OK, findings regarding iOS cover image.

Images should be rectangular, e.g. 96x96, 128x128, etc.. iPhone has two images, one - thumbnail and one big - when you click on it for small image - 96 and 128px works. If using images bigger, e.g. 384, 512 - it will not work for big image - works any image, e.g. 96-512

Issue - you can’t use 2 images, although specification support it artwork: [ { src: "https://dummyimage.com/96x96", sizes: "96x96", type: "image/png", }, { src: "https://dummyimage.com/128x128", sizes: "128x128", type: "image/png", }

it will grab ALWAYS the first image. And as result - max image to support both thumbnail and big one - it’s to use rectangular 128x128!

@siegerstein is right. Thats the only workaround so far... :( 128px is fine for the small image, but is way too small for the big image. It's pixelated. It's iOS 17... and Apple still didn't fix this issue. Apple is becoming more and more ****** every day. They should change their motto to "IT JUST DOESN'T WORKS"

Update: After the 17.1 update, i think everything is working fine so far! I use only the 512px photo, and it’s working on the big image player, small image player and in CarPlay too. I hope Apple not break it again in some further updates.

iOS 17.2 and I can't get anything to show up in my CapacitorJs app... but it works perfectly on the Android app. I'm not sure what to do.