====== Spotify Link Generator: Open track in specific playlist ======

Tool to generate Spotify URI and Spotify Web URL to open track in the context of a specific playlist.


===== Spotify track and playlist =====

<php>?>

<script type="text/javascript">

/*

tracks:
  https://open.spotify.com/track/2dhhGc8znEPcEMz0tEyT7w (Allegro)
  https://open.spotify.com/track/5IbnHTh5W9S53xNaJAAAH7 (Adagio)

playlist:
  https://open.spotify.com/playlist/1T33xoMY3sDPrIA3ymgChd
  spotify:playlist:1T33xoMY3sDPrIA3ymgChd

result:
  URL: https://open.spotify.com/track/<<<TRACK_ID>>>?context=spotify%3Aplaylist%3A<<<PLAYLIST_ID>>>
  URI: spotify:track:<<<TRACK_ID>>>?context=spotify%3Aplaylist%3A<<<PLAYLIST_ID>>>

e.g.:
  https://open.spotify.com/track/2dhhGc8znEPcEMz0tEyT7w?context=spotify%3Aplaylist%3A1T33xoMY3sDPrIA3ymgChd
  https://open.spotify.com/track/5IbnHTh5W9S53xNaJAAAH7?context=spotify%3Aplaylist%3A1T33xoMY3sDPrIA3ymgChd
  
  spotify:track:2dhhGc8znEPcEMz0tEyT7w?context=spotify%3Aplaylist%3A1T33xoMY3sDPrIA3ymgChd
  spotify:track:5IbnHTh5W9S53xNaJAAAH7?context=spotify%3Aplaylist%3A1T33xoMY3sDPrIA3ymgChd

*/



if (!Array.prototype.last){
  Array.prototype.last = function(){
    return this[this.length - 1];
  };
};



function clearResultElements() {
  document.getElementById('resultURL').value = '';
  document.getElementById('resultURI').value = '';
  document.getElementById('resultURLhref').href = '#';
  document.getElementById('resultURLhref').innerHTML = '';
  document.getElementById('resultURIhref').href = '#';
  document.getElementById('resultURIhref').innerHTML = '';
}


function calculateSpotifyURL() {
  // get source addresses
  var trackURL = document.getElementById('trackURL').value;
  var trackURI = document.getElementById('trackURI').value;
  var trackID  = document.getElementById('trackID' ).value;
  var playlistURL = document.getElementById('playlistURL').value;
  var playlistURI = document.getElementById('playlistURI').value;
  var playlistID  = document.getElementById('playlistID' ).value;
  
  var resultURLElement = document.getElementById('resultURL');
  var resultURIElement = document.getElementById('resultURI');
  var resultURLhrefElement = document.getElementById('resultURLhref');
  var resultURIhrefElement = document.getElementById('resultURIhref');
  
  
  // extract track ID
  if (trackURL.length) {
    trackID = trackURL.split('/').last();
  }
  else if (trackURI.length) {
    trackID = trackURI.split(':').last();
  }
  else if (!trackID.length) {
    clearResultElements()
    return;
  }
  
  
  // extract playlist ID
  if (playlistURL.length) {
    playlistID = playlistURL.split('/').last();
  }
  else if (playlistURI.length) {
    playlistID = playlistURI.split(':').last();
  }
  else if (!playlistID.length) {
    clearResultElements()
    return;
  }
  
  
  // create resulting links
  resultURL = 'https://open.spotify.com/track/' + trackID + '?context=spotify%3Aplaylist%3A' + playlistID;
  resultURI = 'spotify:track:' + trackID + '?context=spotify%3Aplaylist%3A' + playlistID;
  
  
  // show results
  resultURLElement.value = resultURL;
  resultURLhrefElement.href      = resultURL;
  resultURLhrefElement.innerHTML = 'open';
  
  resultURIElement.value = resultURI;
  resultURIhrefElement.href      = resultURI;
  resultURIhrefElement.innerHTML = 'open';
}
</script>



<h3>Spotify song</h3>
<p>Enter <i>either</i> Spotify song URL, URI, or ID:</p>
<dl style="margin-left:50px;">
  <dt>Track URL:</dt>
  <dd><input type="text" id="trackURL" placeholder="e.g. https://open.spotify.com/track/2dhhGc8znEPcEMz0tEyT7w" style="width:500px;" oninput='calculateSpotifyURL()'>
  <dt>Track URI:</dt>
  <dd><input type="text" id="trackURI" placeholder="e.g. spotify:track:2dhhGc8znEPcEMz0tEyT7w" style="width:500px;" oninput='calculateSpotifyURL()'>
  <dt>Track ID:</dt>
  <dd><input type="text" id="trackID" placeholder="e.g. 2dhhGc8znEPcEMz0tEyT7w" style="width:300px;" oninput='calculateSpotifyURL()'>
</dl>

<h3>Spotify playlist</h3>
<p>Enter <i>either</i> Spotify playlist URL, URI, or ID:</p>
<dl style="margin-left:50px;">
  <dt>Playlist URL:</dt>
  <dd><input type="text" id="playlistURL" placeholder="e.g. https://open.spotify.com/playlist/1T33xoMY3sDPrIA3ymgChd" style="width:500px;" oninput='calculateSpotifyURL()'>
  <dt>Playlist URI:</dt>
  <dd><input type="text" id="playlistURI" placeholder="e.g. spotify:playlist:1T33xoMY3sDPrIA3ymgChd" style="width:500px;" oninput='calculateSpotifyURL()'>
  <dt>Playlist ID:</dt>
  <dd><input type="text" id="playlistID" placeholder="e.g. 1T33xoMY3sDPrIA3ymgChd" style="width:300px;" oninput='calculateSpotifyURL()'>
</dl>

<?php</php>


===== Generated link =====

<php>?>

<dl>
  <dt>Link URL (to open in web browser): <a href="#" id="resultURLhref" target="_blank"></a></dt>
  <dd><input type="text" id="resultURL" style="width:500px;">
  <dt>Link URI (to open in Spotify): <a href="#" id="resultURIhref" target="_blank"></a></dt>
  <dd><input type="text" id="resultURI" style="width:500px;">
</dl>

<?php</php>


===== Other sources =====
  * [[https://community.spotify.com/t5/Other-Partners-Web-Player-etc/URI-to-a-track-within-a-particular-playlist/td-p/1156020|URI to a track within a particular playlist?]]


~~socialite~~
{{tag>tools}}


===== Comments =====

~~DISQUS~~