Extract the most important details of an album to the desired JSON.
Spotify Details Extractor Extension
Currently, my personal website uses a JSON Database to store the details of my favorite albums of the year.
Each entry is constructed by the following JSON schema:
{
\"title\": \"For the first time\",
\"artist\": \"Black Country, New Road\",
\"image\": \"https://i.scdn.co/image/ab67616d00001e020ffaa4f75b2297d36ff1e0ad\",
\"url\": \"https://open.spotify.com/album/2PfgptDcfJTFtoZIS3AukX\"
}
However, the process of extracting the details from the album page is quite tedious as I have to manually copy the album's URL, extract the album's title, artist and image URL. All of this requires the opening of the developer's console and makes the process rather slow.
Therefore, I decided to create a browser extension that will extract the details from the album page, store them in the desired JSON object, and automatically copy it to the clipboard.
Read more
Each entry is constructed by the following JSON schema:
{
\"title\": \"For the first time\",
\"artist\": \"Black Country, New Road\",
\"image\": \"https://i.scdn.co/image/ab67616d00001e020ffaa4f75b2297d36ff1e0ad\",
\"url\": \"https://open.spotify.com/album/2PfgptDcfJTFtoZIS3AukX\"
}
However, the process of extracting the details from the album page is quite tedious as I have to manually copy the album's URL, extract the album's title, artist and image URL. All of this requires the opening of the developer's console and makes the process rather slow.
Therefore, I decided to create a browser extension that will extract the details from the album page, store them in the desired JSON object, and automatically copy it to the clipboard.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Spotify Details Extractor", "action": {}, "description": "Extract the most important details of an album to the desired JSON.", "version": "2.5.0", "manifest_version": 3, "homepage_url": "https://github.com/afonsojramos/spotify-details-extractor", "background": { "service_worker": "service.js" }, "permissions": ["scripting", "tabs"], "host_permissions": ["*://*.spotify.com/*"], "icons": { "32": "/icons/icon32.png", "48": "/icons/icon48.png", "96": "/icons/icon96.png", "128": "/icons/icon128.png" }}
Read more