Set icon to MusicKit app configuration

Question

Created Aug ’18

Replies 2

Boosts 0

Views 2.2k

Participants 2

I've been unable to set the "icon" attributes when doing the login process with MusicKit JS.

MusicKit.configure({
  developerToken: at,
  app: {
  name: 'TEST APP',
  icon: 'http://XXXXXXXXX.png'
  }
});

When the user is asked about accepting permission, there's the Apple Music icon and normally the icon I've set.

Instead there's a default icon.

How can I make it works ?

Boost

Answer 1

OP

Apple

Aug ’18

Accepted Answer

MusicKit JS will look for the following link elements in your HTML page (in order of priority):

<link rel="apple-music-app-icon" href="FIRST.png" />
<link rel="apple-touch-icon-precomposed" href="SECOND.png" />
<link rel="apple-touch-icon" href="THIRD.png" />

If you leverage the sizes attribute on the link element, MusicKit JS will prioritize 120x120:

<link rel="apple-music-app-icon" href="NOTUSED.png" />
<link rel="apple-music-app-icon" sizes="120x120" href="USED.png" />

You can find more information on Apple Touch Icon here.

Thanks for posting!

0

Answer 2

blackarcanis OP

Aug ’18

Perfect @jaehess !

Thank you for your help.

0