enable relaunching the player

torbjornbp · Nov 24, 2024 · ff906f2 · ff906f2
1 parent c1f3164
commit ff906f2
Showing 1 changed file with 19 additions and 7 deletions.
diff --git a/layouts/shortcodes/webamp.html b/layouts/shortcodes/webamp.html
@@ -16,13 +16,25 @@
   let webampInstance = null;
 
   function launchWebamp() {
-    if (!webampInstance) {
-      webampInstance = new Webamp({
-        initialTracks: {{ $tracks | jsonify | safeJS }}
-      });
-
-      document.getElementById("app").style.display = "block";
-      webampInstance.renderWhenReady(document.getElementById("app"));
+    // Always dispose of any existing instance
+    if (webampInstance) {
+      webampInstance.dispose();
+      webampInstance = null;
     }
+
+    // Create new instance
+    webampInstance = new Webamp({
+      initialTracks: {{ $tracks | jsonify | safeJS }}
+    });
+
+    document.getElementById("app").style.display = "block";
+    webampInstance.renderWhenReady(document.getElementById("app")).then(() => {
+      // Add an event listener for when Webamp is closed
+      webampInstance.onClose(() => {
+        document.getElementById("app").style.display = "none";
+        webampInstance.dispose();
+        webampInstance = null;
+      });
+    });
   }
 </script>