add background audio

Author: chalu

cathedral_st_marys_sydney_cbd.mp3

@@ -163,8 +163,8 @@
       </div>
     </div>
 
-    <audio loop autoplay>
-      <source src="https://www.zapsplat.com/wp-content/uploads/2015/sound-effects-31172/zapsplat_public_places_cathedral_st_marys_sydney_cbd_internal_amb_traffic_outside_people_organist_tuning_sydney_australia002_32683.mp3" type="audio/mp3">
+    <audio preload="auto" loop>
+      <source src="cathedral_st_marys_sydney_cbd.mp3" type="audio/mp3">
     </audio>
 
     <script type="module" src="./src/js/index.js"></script>

index.html

@@ -2,6 +2,18 @@ import { init, doorsOpen } from './auditorium.js';
 
 const startApp = () => {
   init().then(() => doorsOpen());
+  
+  document.body.addEventListener('click', () => {
+    const audio = document.querySelector('audio');
+    if (!audio) return;
+
+    if (audio.currentTime <= 0 || audio.paused) {
+      audio.play();
+      return;
+    }
+
+    audio.pause();
+  });
 };
 
 document.addEventListener('DOMContentLoaded', startApp);