diff --git a/index.html b/index.html
index 8c08bc9..85d5155 100644
--- a/index.html
+++ b/index.html
@@ -32,6 +32,7 @@
       </div>
       <span id="messagesSpan"></span>
       <span id="pauseSpan" tabindex="1">II</span>
+      <audio id="music" src="audio/benevolence.m4a" loop></audio>
       <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
       <script type="module" src="app.js"></script>
     </body>
diff --git a/jsm/TetraScene.js b/jsm/TetraScene.js
index 5f918d2..141c71b 100644
--- a/jsm/TetraScene.js
+++ b/jsm/TetraScene.js
@@ -21,10 +21,8 @@ export class TetraScene extends THREE.Scene {
 
 
         /* Sounds */
-        this.music = new Audio('audio/benevolence.m4a')
-        this.music.loop = true
-        this.music.volume = settings.musicVolume / 100
-        
+        this.music = music
+
         const listener = new THREE.AudioListener()
         this.camera.add( listener )
         const audioLoader = new THREE.AudioLoader(loadingManager)