Apple MusicKit JS：为什么我购买的所有音乐图像都返回 404？答案

【问题标题】：Apple MusicKit JS: Why Do All Images for Music I Purchased Return 404s?Apple MusicKit JS：为什么我购买的所有音乐图像都返回 404？
【发布时间】：2020-03-04 01:19:53
【问题描述】：

我使用 MusicKit JS 在我的浏览器中制作了一个 Apple Music 播放器。我可以查看和播放我的音乐库中的歌曲，但我购买的任何音乐（而不是自己从 CD 或其他媒体源上传）的专辑封面都会返回 404。

例如，我用

获得专辑封面

music.api.library.songs().then(songs => {
    songs.forEach(song => {
        const albumArt = song.attributes.artwork.url
        document.getElementById('my-example').innerHTML = `<img src="${albumArt} alt="album art" />`
    })
})

但是我购买的歌曲的专辑封面返回 404，而我自己上传的歌曲的专辑封面很好。

【问题讨论】：

标签： apple-musickit apple-musickit-js

【解决方案1】：

购买音乐的专辑封面 URL 包括“{w}x{h}”。这似乎是宽度和高度参数的默认值。我不确定是否可以传递一些 API 参数来解决这个问题，但我通过在图像 src 上调用 replace('{w}x{h}', '300x300') 来解决它，然后再将其放入 DOM。

【讨论】：

【解决方案2】：

MusicKitJs 实际上有一个实用功能，可以为您格式化图像。从他们的文档中：

static string formatArtworkURL(Artwork artwork, undefined height, undefined width);

您可以在 musicKit 实例上使用此函数，并以 px 为单位传递您的高度和宽度。来源：https://developer.apple.com/documentation/musickitjs/musickit/3001508-formatartworkurl

【讨论】：