在串流平台出現以前，我有買 CD 的習慣，因為用慣了 Apple 的整個生態圈，這些 CD 以往都是丟到 iTunes 去整理。而會用 iTunes 真正「認真」整理音樂庫的人，應該都會遇到一個問題，就是專輯封面要去抓圖。
抓圖本身不難，難的是抓到高解析度的專輯封面，十幾年前 iPhone 初代出來的時候螢幕寬度才 320px，抓個 500x500px 的專輯封面綽綽有餘了，然而現在 iPhone 11 Pro Max 寬度就有 1242px，雖然播放不是全螢幕，沒真正用到 1242px 那麼多，但如果可以抓高解析度的專輯封面，至少未來幾年內顯示起來都賞心悅目多了。
此外，以前為了獲得高解析度的專輯封面，會去網路上抓人掃描出來的圖，或者乾脆自己掃。但是掃描出來的圖檔不但會有雜訊，每個人掃出來的顏色還不一樣，根本不知道哪一個顏色才是正確的，只能隨便挑一個比較順眼的來放。
而最近，Apple Music 網頁版正式上線，既然是「網頁版」，代表它一定會在網頁裡面嵌入封面圖片。經過一番的測試與研究之後，最後發現 Apple Music 理論上支援的最高專輯封面解析度為 6000x6000px！我還不下載爆！？
不過，實際最大尺寸要看唱片公司上傳大小，大部分都在 3000x3000px 以下，加上有的唱片公司很懶惰，不上傳大圖或者直接 scale up。此外，太久以前的專輯，因為當年技術限制，可能圖片就會小很多。
▼ 要開始抓封面，整個操作非常簡單，首先，打開 Apple Music 網頁版，用左邊搜尋功能找到你要的專輯或單曲，進到曲目的這個頁面
接著，Windows 上面按 F12，Mac 按 cmd + opt + i，出現網頁開發工具，在主控台複製我的 Javascript，貼上按 Enter。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
var url = document.getElementsByClassName('product-lockup__artwork-for-radiosity-effect')[0].src.replace(/60x60/, '10000x10000'); function getMeta(url, callback) { var img = new Image(); img.src = url; img.onload = function () { callback(this.width, this.height, url); } } getMeta(url, function (width, height) { url = url.replace(/10000x10000/, width + 'x' + height); var sure = confirm("要前往 " + url + " 嗎？"); if (sure) { window.open(url); } }); |
▼ 如果你需要大量使用，不想要每次複製貼上的話，可以直接在「我的最愛列」新增一個書籤
然後修改網址如下：
|
1 |
javascript:(function()%7Bvar%20url%20%3D%20document.getElementsByClassName('product-lockup__artwork-for-radiosity-effect')%5B0%5D.src.replace(%2F60x60%2F%2C%20'10000x10000')%3B%0A%0Afunction%20getMeta(url%2C%20callback)%20%7B%0A%20%20%20%20var%20img%20%3D%20new%20Image()%3B%0A%20%20%20%20img.src%20%3D%20url%3B%0A%20%20%20%20img.onload%20%3D%20function%20()%20%7B%0A%20%20%20%20%20%20%20%20callback(this.width%2C%20this.height%2C%20url)%3B%0A%20%20%20%20%7D%0A%7D%0AgetMeta(url%2C%20function%20(width%2C%20height)%20%7B%0A%20%20%20%20url%20%3D%20url.replace(%2F10000x10000%2F%2C%20width%20%2B%20'x'%20%2B%20height)%3B%0A%20%20%20%20var%20sure%20%3D%20confirm(%22%E8%A6%81%E5%89%8D%E5%BE%80%20%22%20%2B%20url%20%2B%20%22%20%E5%97%8E%EF%BC%9F%22)%3B%0A%20%20%20%20if%20(sure)%20%7B%0A%20%20%20%20%20%20%20%20window.open(url)%3B%0A%20%20%20%20%7D%0A%7D)%3B%7D)()%3B |
▼ 輸入指令，或者點擊書籤之後，會跳出確認視窗。因為實際上會先在背景抓圖一次，所以如果按了沒反應，應該是瀏覽器正在讀取圖片，所以不要連點。
在確認視窗中，你可以看到這張專輯的封面最大支援多少像素，確定下載的話按確定，就會開新分頁顯示專輯圖片了。
補充小技巧：
Apple Music 會有區域問題，有些專輯找不到，可以開個無痕視窗再換區去找。此外，不需要訂閱 Apple Music 也可以用這個方法搜尋。
發佈留言