wip

src/announcement-data/AnnouncementSystem.ts

@@ -212,19 +212,23 @@ export default abstract class AnnouncementSystem {
 
             if (crunker._context.state === 'suspended') {
               console.error('[Crunker] Failed to resume audio context')
-              alert(
-                "Your device or web browser is refusing to let the website play audio.\n\nThis is especially common on iPhones and iPads. We'd recommend you try using a desktop computer or an alterantive device.\n\nTry scrolling to the bottom of the page and pressing the 'Resume audio' button. If this doesn't help, there's nothing else that we can do. Sorry!",
-              )
+
+              document.getElementById('resume-audio-button')?.remove()
 
               const button = document.createElement('button')
               button.textContent = 'Resume audio'
+              button.id = 'resume-audio-button'
               button.style.margin = '16px'
               button.onclick = () => {
                 crunker._context.resume()
                 button.remove()
               }
               document.body.appendChild(button)
 
+              alert(
+                "Your device or web browser is refusing to let the website play audio.\n\nThis is especially common on iPhones and iPads. We'd recommend you try using a desktop computer or an alterantive device.\n\nTry scrolling to the bottom of the page and pressing the 'Resume audio' button. If this doesn't help, there's nothing else that we can do. Sorry!",
+              )
+
               button.scrollIntoView()
             }
           }