{"id":187,"date":"2018-05-27T00:49:07","date_gmt":"2018-05-27T00:49:07","guid":{"rendered":"http:\/\/www.bullcrane.com\/angular\/?p=187"},"modified":"2018-05-27T17:17:21","modified_gmt":"2018-05-27T17:17:21","slug":"playlist-song-display","status":"publish","type":"post","link":"http:\/\/www.bullcrane.com\/angular\/2018\/05\/27\/playlist-song-display\/","title":{"rendered":"Playlist song display"},"content":{"rendered":"<p>Each entry in a playlist is a song, displaying the song title, artist, and album.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-192\" src=\"http:\/\/www.bullcrane.com\/angular\/wp-content\/uploads\/2018\/05\/song_entry_song_info.png\" alt=\"\" width=\"467\" height=\"123\" srcset=\"http:\/\/www.bullcrane.com\/angular\/wp-content\/uploads\/2018\/05\/song_entry_song_info.png 467w, http:\/\/www.bullcrane.com\/angular\/wp-content\/uploads\/2018\/05\/song_entry_song_info-300x79.png 300w\" sizes=\"(max-width: 467px) 100vw, 467px\" \/><\/p>\n<p>On the left, the song&#8217;s position in the playlist is displayed, and also the <a href=\"http:\/\/www.bullcrane.com\/angular\/2018\/04\/28\/beenhere-listen-indicator\/\">beenhere listen indicator<\/a>.\u00a0 This indicator tells whether you have listened to the song recently in Spotify.\u00a0 Songs with the beenhere listen indicator are pushed to the bottom of the playlist when you randomize.\u00a0 If you click on the indicator, it clears.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-190\" src=\"http:\/\/www.bullcrane.com\/angular\/wp-content\/uploads\/2018\/05\/song_entry_position_display.png\" alt=\"\" width=\"467\" height=\"123\" srcset=\"http:\/\/www.bullcrane.com\/angular\/wp-content\/uploads\/2018\/05\/song_entry_position_display.png 467w, http:\/\/www.bullcrane.com\/angular\/wp-content\/uploads\/2018\/05\/song_entry_position_display-300x79.png 300w\" sizes=\"(max-width: 467px) 100vw, 467px\" \/><\/p>\n<p>The play button plays a preview clip of the song.\u00a0 This does not count as a listen in Spotify.\u00a0 It will not influence the beenhere listen indicator.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-188\" src=\"http:\/\/www.bullcrane.com\/angular\/wp-content\/uploads\/2018\/05\/song_entry_play_clip.png\" alt=\"\" width=\"467\" height=\"123\" srcset=\"http:\/\/www.bullcrane.com\/angular\/wp-content\/uploads\/2018\/05\/song_entry_play_clip.png 467w, http:\/\/www.bullcrane.com\/angular\/wp-content\/uploads\/2018\/05\/song_entry_play_clip-300x79.png 300w\" sizes=\"(max-width: 467px) 100vw, 467px\" \/><\/p>\n<p>The remaining buttons are song position controls.\u00a0 Clicking <em>1st<\/em> move the song to the first position.\u00a0 This example song already is in the first position, so the button is disabled.\u00a0 Clicking <em>down <\/em>moves the song down one position.\u00a0 In the tablet and hd layouts a few more buttons like these appear, such as an <em>up<\/em> button.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-189\" src=\"http:\/\/www.bullcrane.com\/angular\/wp-content\/uploads\/2018\/05\/song_entry_position_controls.png\" alt=\"\" width=\"467\" height=\"123\" srcset=\"http:\/\/www.bullcrane.com\/angular\/wp-content\/uploads\/2018\/05\/song_entry_position_controls.png 467w, http:\/\/www.bullcrane.com\/angular\/wp-content\/uploads\/2018\/05\/song_entry_position_controls-300x79.png 300w\" sizes=\"(max-width: 467px) 100vw, 467px\" \/><\/p>\n<p>The <em>rand<\/em> button is the main attraction.\u00a0 Think of it as the Shufflize button.\u00a0 It randomizes the order of the songs, starting with the song you have clicked.\u00a0 Songs above do not move.\u00a0 Songs with the beenhere listen indicator are moved to the end of the playlist.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-191\" src=\"http:\/\/www.bullcrane.com\/angular\/wp-content\/uploads\/2018\/05\/song_entry_shufflize_button.png\" alt=\"\" width=\"467\" height=\"123\" srcset=\"http:\/\/www.bullcrane.com\/angular\/wp-content\/uploads\/2018\/05\/song_entry_shufflize_button.png 467w, http:\/\/www.bullcrane.com\/angular\/wp-content\/uploads\/2018\/05\/song_entry_shufflize_button-300x79.png 300w\" sizes=\"(max-width: 467px) 100vw, 467px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Each entry in a playlist is a song, displaying the song title, artist, and album. On the left, the song&#8217;s position in the playlist is displayed, and also the beenhere listen indicator.\u00a0 This indicator tells whether you have listened to the song recently in Spotify.\u00a0 Songs with the beenhere listen indicator are pushed to the &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.bullcrane.com\/angular\/2018\/05\/27\/playlist-song-display\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Playlist song display&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[],"_links":{"self":[{"href":"http:\/\/www.bullcrane.com\/angular\/wp-json\/wp\/v2\/posts\/187"}],"collection":[{"href":"http:\/\/www.bullcrane.com\/angular\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.bullcrane.com\/angular\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.bullcrane.com\/angular\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.bullcrane.com\/angular\/wp-json\/wp\/v2\/comments?post=187"}],"version-history":[{"count":7,"href":"http:\/\/www.bullcrane.com\/angular\/wp-json\/wp\/v2\/posts\/187\/revisions"}],"predecessor-version":[{"id":199,"href":"http:\/\/www.bullcrane.com\/angular\/wp-json\/wp\/v2\/posts\/187\/revisions\/199"}],"wp:attachment":[{"href":"http:\/\/www.bullcrane.com\/angular\/wp-json\/wp\/v2\/media?parent=187"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.bullcrane.com\/angular\/wp-json\/wp\/v2\/categories?post=187"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.bullcrane.com\/angular\/wp-json\/wp\/v2\/tags?post=187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}