added pause button

templates/TTS_Input_Proof_of_concept.html

@@ -293,6 +293,7 @@
 
     <div class="action-buttons">
         <button onclick="generateTTS()">Generate TTS</button>
+        <button onclick="togglePausePlayback()">Pause/Resume Playback</button>
         <button onclick="stopPlayback()">Stop Playback</button>
         <button onclick="previewVoice()">Preview Voice</button>
     </div>
@@ -502,6 +503,14 @@
         }
     }
  
+    function togglePausePlayback() {
+        if (audioElement.paused) {
+            audioElement.play();
+        } else {
+            audioElement.pause();
+        }
+    }
+
     function toggleThemeMode() {
         // Retrieve the value of the selected option for themeMode from the dropdown
         const themeModeValue = document.getElementById('themeMode').value;