Update static/script.js

static/script.js

@@ -14,7 +14,7 @@ function loadResumerPage() {
     appContainer.innerHTML = `
         <div class="sidebar">
             <div class="logo-container">
-                <div class="logo-top">SMARTDOCS</div>
+                <div class="logo-top">SMARTDOC</div>
                 <div class="logo-bottom">AI</div>
             </div>
             <a href="principal.html" class="home-link">
@@ -119,10 +119,22 @@ function loadResumerPage() {
                 resultElement.innerHTML = `
                     <h3 class="centered-title">📝 Summary generated :</h3>
                     <br>
-                    <p>${data.summary}</p>
-                `;
+                    <p id="summaryText">${data.summary}</p>
+                <button id="playVoiceBtn" style="margin-top: 15px; padding: 10px; border: none; background-color: #4CAF50; color: white; border-radius: 8px; cursor: pointer;">
+                    🔊 Listen to summary
+                </button>
+            `;
                 document.getElementById("documentResult").dataset.summaryText = data.summary;
                 document.getElementById("downloadSection").style.display = "block";
+              // 🎤 Ajouter l'effet vocal
+            const playVoiceBtn = document.getElementById("playVoiceBtn");
+            playVoiceBtn.addEventListener("click", function () {
+                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
+                window.speechSynthesis.speak(utterance);
+            });
+        
             } else {
                 resultElement.innerText = "❌ Summary not available.";
             }