radiokit
diff --git a/‎demo/index.html‎
Lines changed: 20 additions & 1 deletion b/‎demo/index.html‎
Lines changed: 20 additions & 1 deletion
diff --git a/‎dist/browser/radiokit-toolkit-playback.js‎
Lines changed: 87 additions & 37 deletions b/‎dist/browser/radiokit-toolkit-playback.js‎
Lines changed: 87 additions & 37 deletions
diff --git a/‎dist/browser/radiokit-toolkit-playback.js.map‎
Lines changed: 1 addition & 1 deletion b/‎dist/browser/radiokit-toolkit-playback.js.map‎
Lines changed: 1 addition & 1 deletion
@@ -46,6 +46,15 @@
     window.player.on('track-position', function(track, position, duration) {
       document.getElementById('track-position').innerHTML = 'POSITION: ' + position + ' / ' + duration + ' ms';
     });
+
+    window.player.on('playlist-fetched', function(playlist) {
+      var tracks = Object.keys(playlist.getTracks());
+      var tracksHTML = "<div>PLAY LIST:</div><br />";
+      for (var i = 0; i < tracks.length; i++) {
+        tracksHTML += "<div>" + tracks[i] + "</div>";
+      }
+      document.getElementById('playlist').innerHTML = tracksHTML;
+    });
   }
 
 
@@ -61,6 +70,10 @@
     }
   }
 
+  function fetchPlaylist() {
+    window.player.fetchPlaylist();
+  }
+
 
   function setVolume(volume) {
     window.player.setVolume(volume);
@@ -71,8 +84,10 @@
 <body onload="init()" style="text-align: center">
   <button onclick="toggle()" id="button" style="width: 400px; height: 200px; font-size: 24pt">PLAY</button>
 
-  <br><br>
+  <br /><br />
+  <button onclick="fetchPlaylist()" style="width: 97px; height: 50px; font-size: 11pt">FETCH PLAYLIST</button>
 
+  <br /><br />
   <button onclick="setVolume(0.25)" style="width: 97px; height: 50px; font-size: 11pt">VOL 25%</button>
   <button onclick="setVolume(0.50)" style="width: 97px; height: 50px; font-size: 11pt">VOL 50%</button>
   <button onclick="setVolume(0.75)" style="width: 97px; height: 50px; font-size: 11pt">VOL 75%</button>
@@ -98,5 +113,9 @@
 
   <div id="track-affiliates" style="width: 400px; text-align: left; margin: 0 auto"></div>
 
+  <br />
+
+  <div id="playlist" style="width: 400px; text-align: left; margin: 0 auto"></div>
+
 </body>
 </html>