diff --git a/site/apps/spin.html b/site/apps/spin.html
index acc9df7..37a2b97 100644
--- a/site/apps/spin.html
+++ b/site/apps/spin.html
@@ -59,13 +59,14 @@
 
         button {
             position: absolute;
+            display: none;
         }
     </style>
 </head>
 <body>
     <canvas></canvas>
     <img src="/images/ui/rock.png" id="rock">
-    <audio hidden loop id="audio"><source src="/audio/rockspin.ogg" type="audio/mp3"></audio>
+    <audio autoplay loop id="audio" preload="auto"><source src="/audio/rockspin.wav" type="audio/wav"></audio>
     <button id="b" onclick="a.play(); this.style.display = 'none'">Autoplay is disabled! Click here to play audio.</button>
 
     <script>
@@ -74,13 +75,7 @@
 
         var p = a.play();
 
-        if (p !== undefined) {
-            p.then(_ => {
-                b.style.display = 'none';
-            }).catch(error => {
-                b.style.display = 'auto';
-            });
-        }
+        p.catch(function() {b.style.display = "block"});
     </script>
 </body>
 </html>
\ No newline at end of file
diff --git a/site/audio/rockspin.mp3 b/site/audio/rockspin.mp3
new file mode 100644
index 0000000..26cb55a
Binary files /dev/null and b/site/audio/rockspin.mp3 differ
diff --git a/site/audio/rockspin.wav b/site/audio/rockspin.wav
new file mode 100644
index 0000000..9174af6
Binary files /dev/null and b/site/audio/rockspin.wav differ
