diff --git a/static/main.html b/static/main.html
index 62ba0bd..967b2e2 100644
--- a/static/main.html
+++ b/static/main.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" onclick="document.getElementById('unmute').style.display = 'none';">
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     <title>Fáfnir Doorbell</title>
@@ -52,10 +52,14 @@
           border-color: yellow;
           border-width: 5px;
           padding: 15px;
+          text-align: center;
+      }
+
+      #status_box table {
+          text-align: left;
       }
 
       #status_box th {
-          text-align: left;
           padding-right: 2em;
       }
 
@@ -72,6 +76,11 @@
       .disconnected {
         color: red;
       }
+
+      #unmute {
+          display: none;
+          min-width: 60%;
+      }
     </style>
   </head>
   <body class="flash">
@@ -85,6 +94,7 @@
           <td id="last_ring" class="status"></td>
         </tr>
       </table>
+      <button id="unmute">Click Anywhere To Enable Sound</button>
     </section>
 
     <audio id="chime" src="indoor.mp3"></audio>
@@ -118,7 +128,7 @@
         if (ping) { clearTimeout(ping); }
         sse = new EventSource('events');
         let beep_seek = document.getElementById('beep_seek');
-        beep_seek.play();
+        beep_seek.play().catch(() => { $('#unmute').show() });  // Need user interatction for sound
 
         sse.onopen = () => {
           console.log('connected');
