Creating Playlists out of Setlists from Chris Cornell’s Live History

For Apple Music and Spotify

Image for post
Image for post

Setlists and Songs

Image for post
Image for post
{
id: "1",
title: "Black Hole Sun",
spotify: "6brgE8G5fJ4ufoJvwESbbD",
apple: "830790308"
}
{
"id": "73fa5e7d",
"date": "21-11-2016",
"artist": "Temple of the Dog",
"venue": "Paramount Theatre",
"city": "Seattle",
"state": "WA",
"country": "US",
"coordinates": {
"lat": 47.6062095,
"long": -122.3320708
},
"setlist": [
144,
265,
266,
267,
268,
...
]
}

Custom Artwork

Image for post
Image for post
// initialize canvas
let canvas = document.createElement('canvas')
canvas.height = 540
canvas.width = 540
let context = canvas.getContext('2d')// generate random number
let i = Math.floor(Math.random() * 6)
// draw background with random position
context.drawImage(background, -540 * i, 0, 540 * 6, 540)
// draw logo on top
context.drawImage(logo, 0, 0, 540, 540)
// setup text style
context.font = "24px 'Saas', Helvetica"
context.textBaseline = "middle"
context.textAlign = "center"
// rotate canvas and draw text
context.translate(36, 280)
context.rotate(-90 * Math.PI/180)
context.fillText("Oct 28 2011", 0, 0)
// reset transform
context.setTransform(1, 0, 0, 1, 0, 0)
// rotate canvas once again and draw text
context.translate(540 - 36, 280)
context.rotate(90 * Math.PI/180)
context.fillText("Oct 28 2011", 0, 0)

Creating a Playlist

Designing the App

(Adjust zoom or go fullscreen)
Image for post
Image for post

Written by

I develop websites for rock 'n' roll bands and get paid in sex and drugs. Previously Silva Artist Management, SoundCloud, and Songkick. Currently: Available

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store