fix audiocontext resume

mabdh · mabdh · commit 7b0770d34780 · 2020-01-21T08:04:45.000+07:00
diff --git a/index.html b/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
     <head>
-        <title></title>
+        <title>abduhslab</title>
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link href="css/style.css" rel="stylesheet">
         <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
@@ -28,7 +28,7 @@
         <canvas style="display:none;" id="canvas" width="640" height="480"></canvas>
 
         <br>
-        <button id="mute-button" onclick="doMute()"> Unmute </button>
+        <button id="mute-button" onclick="doMute()"> Mute/Unmute </button>
 
         <div id="texte">
         <h3 id="vol">
@@ -43,7 +43,7 @@ <h3 id="chord">
         <div>
 
         <h2>or vice versa<h2>
-        <p>Use latest desktop google chrome, turn your webcam and speaker on </br> and turn down your speaker's volume into adequate level.</p>
+        <p>Need camera permission to run this. Turn your webcam and speaker on </br> and turn down your speaker's volume into adequate level.</p>
         </div>
 
 
diff --git a/js/theremin.js b/js/theremin.js
@@ -211,6 +211,11 @@ function loadSounds() {
     //S(c); // oscillator type
     //alert("Turn your volume down to the minimum value first because this theremin will produce sound at maximum level at the first time it is started");
     oscillator.start(1);
+    if(soundContext.state === 'running') {
+        muteButton.textContent = 'Mute';
+    } else if(soundContext.state === 'suspended') {
+        muteButton.textContent = 'Unmute';
+    }
 }
 
 function playSound(e) {
