Update static/script.js

static/script.js

@@ -141,12 +141,30 @@ function loadResumerPage() {
     document.getElementById("downloadSection").style.display = "block";
 
     const playVoiceBtn = document.getElementById("playVoiceBtn");
-    playVoiceBtn.addEventListener("click", function () {
+let isSpeaking = false;
+let utterance = null;
+
+playVoiceBtn.addEventListener("click", function () {
+    if (isSpeaking) {
+        // Si la lecture est en cours, on l'arrête
+        window.speechSynthesis.cancel();
+        isSpeaking = false;
+    } else {
+        // Sinon, on commence à lire
         const textToRead = document.getElementById("summaryText").textContent;
-        const utterance = new SpeechSynthesisUtterance(textToRead);
-        utterance.lang = "en-US"; // ou "fr-FR" si ton résumé est en français
+        utterance = new SpeechSynthesisUtterance(textToRead);
+        utterance.lang = "en-US"; // ou "fr-FR"
+
+        utterance.onend = function () {
+            // Lecture terminée
+            isSpeaking = false;
+        };
+
         window.speechSynthesis.speak(utterance);
-    });
+        isSpeaking = true;
+    }
+});
+
 }
  else {
                 resultElement.innerText = "❌ Summary not available.";
@@ -253,6 +271,12 @@ function loadResumerPage() {
                 <div class="logo-top">SMARTDOCS</div>
                 <div class="logo-bottom">AI</div>
             </div>
+            <a href="principal.html" class="home-link">
+    <img src="https://cdn-icons-png.flaticon.com/512/1946/1946436.png" 
+     alt="Accueil" 
+     class="home-icon" 
+     style="filter: brightness(0) saturate(100%) invert(71%) sepia(16%) saturate(4251%) hue-rotate(180deg) brightness(104%) contrast(91%);">
+</a>
             <div class="menu-section">
                 <button class="menu-btn" id="resumerButton">SUMMARIZE</button>
                 <button class="menu-btn" id="qesdocButton">DOC-QUESTIONS</button>