Song player's generated play button now works.

showcase/.vscode/settings.json

@@ -1,7 +1,8 @@
 {
     "cSpell.words": [
         "audioshowkit",
-        "audioshowkitshowcase"
+        "audioshowkitshowcase",
+        "Rosen"
     ],
     "html.format.wrapLineLength": 0
 }

showcase/src/index.html

@@ -16,8 +16,10 @@
         <h1>Welcome to the AudioShowKit Showcase!</h1>
         <div>
             <h2>Song Player</h2>
-            <p>The song player acts as a easier way for developers to set up multiple audio sources to play while a user
-                is browsing through their site.</p>
+            <p>The song player acts as a easier way for developers to set up multiple audio sources to play while a user is browsing through their site.</p>
+
+            <h3>Example</h3>
+            <div id="player-showcase"></div>
         </div>
         <div>
             <h2>Visualizer and Visualizer Update Manager</h2>
@@ -31,6 +33,7 @@
                     Ranges of bins, where the parameters are the elapsed time since last updating, and an array of the amplitudes.
                 </li>
             </ul>
+            <div id="visualizer-showcase"></div>
         </div>
         <div>
             <h2>Mappings</h2>

showcase/src/js/main.js

@@ -1 +1,9 @@
-console.log("test");
+console.log("Beginning showcase..");
+
+const ask = window.audioshowkit;
+const playlist = ask.player.createSongPlaylist("Demo playlist");
+playlist.add("/audio/moments.mp3", "moments", "Lost Identities x Robbie Rosen");
+playlist.add("/audio/XXI.mp3", "XXI", "QR");
+const player = ask.player.createSongPlayer(playlist);
+const playerElem = document.getElementById("player-showcase");
+playerElem.appendChild(player.generatePlayElement());